react-number-format：decimalScale 未按预期运行

Question

我在 React 中遇到了

react-number-format

包的问题。

decimalScale

属性在我的体重字段中无法正常工作 (

weight

)。

我试过设置

decimalScale

只显示小数点后一位，但好像没什么效果。该字段仍然允许多于一位小数。

相关代码如下：

export function InitialFormStep2({ handleNextStep }) {
  // Hooks and logic omitted for brevity

  return (
    <VStack width="100%" spacing={8}>
      {/* Remaining code omitted for brevity */}

      <Controller
        control={control}
        name="weight"
        render={({ field: { onChange, name, value } }) => (
          <NumberFormat
            customInput={Input}
            thousandSeparator="."
            decimalSeparator=","
            decimalScale={1}
            value={value}
            onValueChange={(values) => {
              onChange(values.value);
            }}
            isInvalid={!!errors.weight}
            error={errors.weight?.message}
            isNumericString
          />
        )}
      />

我希望权重字段只显示一位小数，任何超过一位小数的输入都会自动调整。但是，该字段仍然允许超过一位小数。

有人可以帮助我了解我的实现有什么问题以及如何修复 decimalScale 以使其正常工作吗？