next.js 我的组件在react钩子窗体控制器中返回undefined

js81xvg6  于 2023-05-17  发布在  React
关注(0)|答案(1)|浏览(113)

我不知道如何从一个组件中添加一个数组到我的表单中。当我提交表单时,我得到了undefined。你需要使用一个控制器,但它不返回任何东西。帮我弄明白。我在github仓库中添加了一个示例。我将很高兴任何帮助
https://github.com/NikolayMirov/form-step

u1ehiz5o

u1ehiz5o1#

<Controller
      control={control}
      name="parameters"
      render={({field}) => <Step name={field.name} value={field.value} onChange={field.onChange}/>}
    />

然后在Step组件中,当值更改时调用props.onChange并传递数组。

const handleMonthChange = (month: string, idx: number) => {
const newStateArr = state.map((item) => {
  if (idx !== item.id) return item;
  return { ...item, month: Number(month) };
});

setState(newStateArr);
props.onChange({
     target: { 
         name: props.name,
         value:newStateArr
     }
   });
};

相关问题