React Hook Forms Controller问题

Question

我是个反应虎克表单的新手。我正在尝试将材料UI与react钩子表单集成。我避免使用普通的提交，而是使用按钮上的onClick来触发提交，我使用控制器，但由于某些原因，当我提交时，我的值总是反映默认值，而不是输入上的实际值。

​

  <Controller
    name={name}
    control={control}
    defaultValue={defaultValue}
    render={() => (
      <QControl
        uiProp={uiProp}
        context={context}
        handleChange={handleChange}
      />
    )}
  />

​

​

        <Button
          type="submit"
          className="form-actions"
          variant="contained"
          color="primary"
          startIcon={<SaveIcon />}
          onClick={onSubmission}
        >

​

​

  const { control, handleSubmit } = useForm();
  const onSubmit = (data) => console.log(data);

  const onSubmission = handleSubmit(onSubmit);

​

Answer 1

我正在查找材料UI文档，但找不到控制器组件，只找到FormControl组件。

我不熟悉Material UI，但我知道React，而且似乎没有任何onChange函数可以更新默认值，所以只有在使用onSubmit时，JS值才是默认值。

Answer 2

我想通了！然后，控制器上的默认值prop将其作为值传递给渲染prop的props中的材质ui组件。