Форма и материал React Hook ui component-inputRef not working-Компонент изменяет неконтролируемый ввод типа

Question

Когда я пытаюсь использовать React hook form и material ui-компонент, я получил следующую ошибку:

Предупреждение: компонент изменяет неконтролируемый ввод текста типа, который нужно контролировать. Элементы ввода не должны переключаться с неконтролируемого на управляемый (или наоборот). Выберите между использованием контролируемого или неконтролируемого элемента ввода на протяжении всего срока службы компонента. Подробнее.

Когда я пытался использовать inputRef, он все еще не работал.

<TextField
    autoFocus
    margin="dense"
    id="name"
    label="Name"
    type="text"
    fullWidth
    inputRef={register}
/>
{ <Controller
    as={TextField}
    name='test'
    control={control}
    placeholder='test'
>}

Answer 1

Вам не нужен контроллер для простого поля TextInput. Вы должны избавиться от него и посмотреть, исчезнет ли ваше предупреждение.

Answer 2

Установите значение, которое решит вашу неконтролируемую проблему ввода.

value={ this.state.value || "" }