#yyds干货盘点#【React工作记录四十八】ant design inputNumber处理

前言

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

导语

歌谣 歌谣 对于项目中涉及金额的需要怎么处理呢

代码部分

// formatter 和 parser 
 <InputNumber
  style={{ width: '100%' }}
  value={baseInfo.minRepeatedlyAmount}
  onChange={(value) => this.handleChangeFormData(value,
 'minRepeatedlyAmount')}
  formatter={(value) => `￥ ${value}`.
replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
  parser={(value) => value.replace(/￥\s?|(,*)/g, '')}
  min={0}
  step={0.01}
  precision={2}
/>

总结

用formatter 指定输入框展示值的格式 parser 指定从 formatter 里转换回数字的方式，和 formatter 搭配使用