Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript FormControl中的千点分隔符_Javascript_Reactjs_Typescript - Fatal编程技术网

Javascript FormControl中的千点分隔符

Javascript FormControl中的千点分隔符,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我一直在想,如何在不改变react中的值的情况下显示带有千个分隔符的值。我尝试过react数字格式和其他几个库。我希望值显示点,但在handleChange中获得原始值。这是否需要一些特殊的功能,或者是否有一个简单的解决方案 所以基本上,如果我写“1234567”,它会在写的时候变为“1.234.567”,即使有可能在末尾加上后缀“USD” 这是我的表单控件 <FormControl className={"QuestionInput"} type="text"

我一直在想,如何在不改变react中的值的情况下显示带有千个分隔符的值。我尝试过react数字格式和其他几个库。我希望值显示点,但在handleChange中获得原始值。这是否需要一些特殊的功能,或者是否有一个简单的解决方案

所以基本上,如果我写“1234567”,它会在写的时候变为“1.234.567”,即使有可能在末尾加上后缀“USD”

这是我的表单控件

<FormControl
     className={"QuestionInput"}
     type="text"
     name="salary"    
     value={salary.value}
     onChange={this.props.handleChange} />

为了记录在案,按照代码现在的方式设置状态被认为是不好的做法。相反,更喜欢基于旧状态创建一个新对象,如:
this.setState({[event.target.name]:{value:event.target.value}})来解决这个问题,这个问题碰巧也有React绑定。如果你对另一个依赖项不感兴趣,你可以看看它是如何工作的。@kingdaro谢谢你的提示,是的,这个库正是我想要的!
   handleChange(event) {
       var state = this.state;
       state[event.target.name].value = event.target.value;
       this.setState(state);
   }