reactjs - ReactJS 将文本字段限制为带有 2 个小数位的数字

Question

我试图限制为 2 位小数，但由于某种原因，正常的 regEx 解决方案不起作用这确保只输入带小数的数字，但我只需要 2 位小数 { e.target.value = e.target.value.replace (/[^0-9.]/g, '') }} />

Answer 1

您可以onChange()在TextFIeld. 您可以使用运算符拆分结果字符串.并检查第二个字符串的长度是否大于 2 然后不要使用setState({})

onChange={(e)=>{
    const value = e.target.value;
    const arr = value.split('.');
    if(arr.length <= 2 && arr[1].length <= 2 ) 
     setState({
       value
     });
}}