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