Javascript 如何在reactjs中的number类型的输入字段中放置逗号分隔符？

这是我的数字输入文件commponnet，我想在UI上使用逗号作为数字，例如：100000我想这样显示=>100000。我使用反应引导。有人能帮我把事情做好吗

这是屏幕上的图像，它需要位于UI上

从'react bootstrap'导入{Form}；
导出默认功能（道具：任意）{
返回(
)
}

使用此功能：

 const commaSeparators = num => {
      let numParts = num.toString().split('.');
      numParts[0] = numParts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
      return numParts.join('.');
    };

编辑：捷径：

const commaSeparators = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

---

您需要将代码上传到您输入@odappstudios的位置。您的意思是什么？从这个带有JSON格式的组件中获取代码。我需要查看您的组件，其中包含完整的模板html和jsxDid。两个答案中的一个解决了您的问题，或者您仍在寻找更好的选项？仍在寻找更好的答案吗

const commaSeparators = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");