如何检测区域并在Material UI中使用正确的小数点分隔符？

问题描述

我在我的react项目中使用material-UI，并且默认情况下似乎是句点“。”始终是数字输入字段中的小数点分隔符，如果我输入逗号，则什么也不会发生。我更改了我的linux键盘输入格式，区域和语言，希望可以自动检测到，但显示为“。”。保留小数点分隔符。有谁知道处理这个问题的简单方法？

解决方法

从您的问题中，您对字段的含义还不清楚。但是，如果要表示输入字段，则their documentation指出您需要为此使用第三方程序包。他们引用的那个允许设置decimalSeparator：https://github.com/s-yadav/react-number-format#props

如果您不是在谈论输入字段，那么我建议使用JS Number类型的toLocaleString()方法。它将始终根据用户的语言环境设置数字格式，例如：

> 1234567.90.toLocaleString()
'1,234,567.9'

---

更新： 我很惊讶react-number-format不允许您直接设置区域设置。一种解决方法是：

thousandSeparator = 1234.toLocaleString()[1];
decimalSeparator = 0.1.toLocaleString()[1];