Блог

Главная - Вопросы по программированию - Проблемы с контроллером React Hook Forms

Проблемы с контроллером React Hook Forms

#javascript #reactjs #react-native #web #react-hook-form

#javascript #reactjs #react-native #веб #react-hook-form

Вопрос:

Я новичок в формах React Hook. Я пытаюсь интегрировать пользовательский интерфейс Material с формами react hook. Я избегаю использования обычной отправки, а использую 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);

Ответ №1:

Ответ №2:

Я все понял! Значение по умолчанию prop на контроллере затем передает его в качестве значения компоненту пользовательского интерфейса material в props prop рендеринга.

Комментарии:

1. Пожалуйста, приведите пример с решением