FormControl中的点分隔符千位

Question

我一直想知道如何使用千位分隔符显示值而不更改react中的值。我尝试过react-number-format和其他几个库。我希望值显示点，但在handleChange中获取原始值。这是否需要一些特殊功能，或者可能是一个简单的解决方案。

所以基本上如果我写“1234567”它会在我写的时候改为“1.234.567”，即使它可能会在最后添加一个后缀“USD”

这是我的FormControl

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

由父组件处理，每次更改状态时调用webService。

   handleChange(event) {
       var state = this.state;
       state[event.target.name].value = event.target.value;
       this.setState(state);
   }