当输入字段值未定义时，此问题的原因是引发react的警告。如果您为多个输入字段创建了一个changeHandler，并且希望使用changeHandler更改状态，则需要使用by spread运算符指定先前的值。就像我这里的代码一样。

constructor(props){
    super(props)
    this.state = {
        user:{
            email:'',
            password:''
        }
    }
}

// This handler work for every input field
changeHandler = event=>{
    // Dynamically Update State when change input value
    this.setState({
        user:{
            ...this.state.user,
            [event.target.name]:event.target.value
        }
    })
}

submitHandler = event=>{
    event.preventDefault()

    // Your Code Here...
}

render(){
    return (
        <div className="mt-5">
       
            <form onSubmit={this.submitHandler}>
                <input type="text" value={this.state.user.email} name="email" onChage={this.changeHandler} />
                
                <input type="password" value={this.state.user.password} name="password" onChage={this.changeHandler} />

                <button type="submit">Login</button>
            </form>
      

        </div>
    )
}

这样地

value={this.state.fields && this.state.fields["name"] || ''}

为我工作。

但我将初始状态设置为：

this.state = {
  fields: [],
}

更改此

  const [values, setValues] = useState({intialStateValues});

为此

  const [values, setValues] = useState(intialStateValues);

将值更改为defaultValue将解决该问题。

注：

defaultValue仅用于初始加载。如果要初始化输入，则应使用defaultValue，但如果要使用state更改值，则需要使用value。阅读此内容了解更多信息。

我在输入中使用了value={this.state.input ||“”}来消除该警告。

除了接受的答案之外，如果您使用的是类型为checkbox或radio的输入，我发现我还需要null/undefined检查选中的属性。

<input
  id={myId}
  name={myName}
  type="checkbox" // or "radio"
  value={myStateValue || ''}
  checked={someBoolean ? someBoolean : false}
  />

如果您使用的是TS（或Babel），则可以使用零合并而不是逻辑or运算符：

value={myStateValue ?? ''}
checked={someBoolean ?? false}

对我来说，这是一个错误：

<input onChange={onClickUpdateAnswer} value={answer.text}>
  {answer.text}
</input>

如您所见，我已将字符串传递到Input标记的主体中，

Fix:

<input onChange={onClickUpdateAnswer} value={answer.text}></input>