反应表单钩子嵌套控制器名称不起作用

时间:2021-05-05 15:11:44

标签: javascript reactjs react-forms


interface FormInputs {
  config: Config;
}

const {
      control,
      handleSubmit,
      watch,
      setValue,
      getValues,
    } = useForm<FormInputs>();

setValue('config', config);

<Controller
            name="daoConfig.test"
            control={control}
            defaultValue={''}
            render={({ field: { onChange, value }, fieldState: { error } }) => (
              <InputField
                label=""
                onInputChange={onChange}
                value={value.toString()}
                height="46px"
                width={window.innerWidth > 700 ? '50%' : '100%'}
                placeholder={'350s'}
              />
            )}
          />

问题:上面的代码没有把 daoConfig.test 值放在 html 的输入字段中。

如果我这样做


  console.log(getValues('config'), ' test1')

  console.log(getValues('config.test'), ' test2')

它们都打印了正确的值。

0 个答案:

没有答案