#私藏项目实操分享# 【练习案例React七】前端处理金额数据

 前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

目前开源项目持续还在提交过程中 对于我们平时的项目中需要对金额进行一个处理

我们的xx同事又说了 要处理金额了

代码部分

class MethodTest extends Component {
  state={
  }
  formatMoney = (value) => {
    const _cent = Number(value);
    return (_cent / 100 || 0).toFixed(2);
  };
  formatMoneyThousand = (value,flag) => {
    if (!value) return '0';
    let _value = this.formatMoney(value);
    _value = String(_value);
    if (_value.includes('.')) {
      let _valueArr = _value.split('.');
      _valueArr[0] = _valueArr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
      _value = _valueArr.join('.');
    } else {
      _value = _value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    }
    if (flag) return _value;
    return `¥${_value}`;
  };
  render(){
      return <div>
      <span>11111</span>
        <span>{this.formatMoneyThousand(200)}</span>
        <span>2222</span>
      </div>
  }
}
export default MethodTest;

运行结果

#私藏项目实操分享# 【练习案例React七】前端处理金额数据

上一篇:能提前发现和修补漏洞 支付宝安全实验室在BlackHat推出两款移动安全工具


下一篇:#私藏项目实操分享# 【React工作记录九】switch对按钮进行判断操作