React Mui TextField 中的千位分隔符

Question

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

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

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

Answer 1

根据 MUI 文档，您可以使用

react-number-format

包向

TextField

组件添加一千个分隔符。