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

Question

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')

他们都打印正确的值。