React Mui TextField 中的千位分隔符

Question

我正在尝试将千位分隔符添加到我的 mui-textField 值中，知道我已经进行了数字分隔。我的代码如下所示：

\n

<TextField\n                    size='small'\n                    label='Total Cotisations Encaiss\xc3\xa9es'\n                    value={\n                        totalEncaissement\n                         ?.toFixed(modeMO)\n                        ?.replace(/\\d(?=(\\d{3})+\\.)/g, "$& ") || 0\n                    }\n                    variant='outlined'\n                    fullWidth\n                    type={"number"}\n                />\n            </Grid>\n

\n

当我添加替换时，该字段不会显示任何内容，但仅与 toFixed 一起工作完全正常。\n请有人帮忙

\n

Answer 1

根据MUI 文档，您可以使用react-number-formatpackage 向组件添加一千个分隔符TextField。