带有 react-hook-form 的 PrimeReact 数字输入字段

Question

目前我的应用程序中有以下代码：

 <Controller defaultValue={0.0} name={"create_lng"}
             control={createControl} rules={{
             required: {value: true, message: t("pleaseSiteLng")}
              }} 
             render={({field, fieldState}) => (
              <InputNumber minFractionDigits={2}
                           mode={"decimal"}
                           className={classNames(                                                                    
                            {"p-invalid": createErrors.create_lng})}
                           id={field.name} {...field} />
)}/>

在这里，我现在希望能够输入定义的十进制数字。但是只要我在输入字段中输入任何内容，即使是数字，该值也会更改为 NaN 并显示出来。这仅发生在 InputNumber 组件中，所有其他组件都可以毫无问题地填充并显示所需的值。

我看到有一个来自 react-hook-form“valueAsNumber”的属性，但我还没有找到任何如何在控制器中使用它的方法。

这里有人知道我怎么解决这个问题吗？这里有人知道我怎么解决这个问题吗？

Answer 1

我已经更新了这张工单：https://github.com/primefaces/primereact/issues/2547

我认为需要有一个展示示例来说明如何将 InputNumber 与 React Hook Forms 结合使用，如果它不像您所看到的那样简单的话。

带有 react-hook-form 的 PrimeReact 数字输入字段

PrimeReact number input field with react-hook-form

reactjs

primereact

react-hook-form