Блог

Главная - Вопросы по программированию - Форма крючка реакции: когда я визуализирую текстовое поле (MaterialUI) и указываю поле: {onChange}, в нем говорится, что обмен не определен

Форма крючка реакции: когда я визуализирую текстовое поле (MaterialUI) и указываю поле: {onChange}, в нем говорится, что обмен не определен

#reactjs #material-ui #react-hook-form

Вопрос:

Я буквально следую их документации, а также попробовал код из статьи на github. У меня установлена самая последняя версия. Все еще не работает. Так что расстраивайся.

  const { control, handleSubmit } = useForm()

Это компонент, который я возвращаю:

 <form onSubmit={handleSubmit(onSubmit)}>
   <Controller
     name="lastName"
     control={control}
     defaultValue=""
     render={({ field, fieldState }) => (
       <TextField
         label="Last Name"
         variant="filled"
         value={field.value}
         onChange={field.onChange}
         error={!!fieldState.error}
         helperText={fieldState.error ? fieldState.error.message : null}
       />
     )}
     rules={{ required: 'Last name required' }}

   <Button type="submit" disabled={!stripe} buttonText="Pay"></Button>
 </form>

Он просто продолжает выдавать ошибку, что field.value, field.onchange, fieldState.error не определены. Я тоже пробовал разрушать. Тоже не работает.

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

1. Проблема может быть связана с чем-то другим. Не могли бы вы поделиться своим рабочим репо?

Ответ №1:

Вот рабочий пример: https://codesandbox.io/s/ancient-worker-mdqx3

Я ref также рекомендую пройти его.

Метки: , ,