如何在反应中的3个数字后插入逗号

【问题标题】：How to insert comma after 3 number in react如何在反应中的3个数字后插入逗号
【发布时间】：2020-11-18 02:29:51
【问题描述】：

我正在处理输入，我想在 3 个数字后插入逗号，例如 (352,353,353)。我想在文本字段中显示它。我是新来的反应，有人可以帮助我如何实现这个目标。

代码

this.state = {
 phoneNumber:''
}

  <input type="text" placeholder="Enter text" value={this.state.phoneNumber} />

【问题讨论】：

标签： javascript reactjs ecmascript-6 react-redux redux-form

【解决方案1】：

您可以使用 number.toLocaleString()

根据你的例子

this.state = {
 phoneNumber:''
}

<input type="text" placeholder="Enter text" value={this.state.phoneNumber} onChange={(e) => this.setState({phoneNumber: Number(e.target.value.replace(/,/g, '')).toLocaleString()})}/>

【讨论】：

感谢您的回答，它更新了状态值，但没有访问文本字段中的更新值。它显示不带逗号
<input type="text" placeholder="Enter text" value={this.state.phoneNumber} onChange={(e) => this.setState({phoneNumber: Number(e.target.value.replace(/,/g, '')).toLocaleString()})}/>我更新了答案，现在应该可以了。