主页 / 问题 / 1239105
Accepted
Мурадил Койчубеков
Asked:2022-02-02 22:01:26 +0000 UTC2022-02-02 22:01:26 +0000 UTC

React 中的格式化十进制输入

  • 772

如何修复这个错误？

代码：<input type="tel" onChange={investValueHandle} value={investValue.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1, ")}/> 我想得到结果 10,000,000 但我得到 1,0,0,0,0000

html5

1 个回答

  1. Best Answer

    根据评论，должно вывести значение "10,000,000"我草绘了代码的工作版本：

    import React, { useState } from "react";

const App = () => {
  const [value, setValue] = useState("");

  const inputChangeHandler = ({ target }) => {
    setValue(target.value.replace(/\D*/g, ""));
  };

  const getValue = () => {
    return value.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
  };

  return (
    <div>
      <input type="text" value={getValue()} onChange={inputChangeHandler} />
    </div>
  );
};

export default App;
    • 0

相关问题