React Hook Form and Material ui component-inputRef无法正常工作-组件正在更改类型的不受控制的输入

Question

当我尝试使用React钩子表单和材料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

请设置将解决您无法控制的输入问题的值。

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

Answer 2

对于简单的TextInput字段，您不需要控制器。您应该摆脱它，看看您的警告是否消失。