如上所述，您需要设置初始状态，在我的例子中，我忘记在setSate（）中添加“”引号；

  const AddUser = (props) => {
  const [enteredUsername, setEnteredUsername] = useState()
  const [enteredAge, setEnteredAge] = useState()

出现以下错误

正确的代码是简单地将初始状态设置为空字符串“”

  const AddUser = (props) => {
  const [enteredUsername, setEnteredUsername] = useState('')
  const [enteredAge, setEnteredAge] = useState('')

简单地说，您必须首先设置初始状态

如果不设置初始状态，react会将其视为不受控制的组件

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

注：

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

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

更改此

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

为此

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

首先设置当前状态。。。此状态

这是因为当您要分配一个新状态时，它可能是未定义的。因此，它也将通过设置状态提取当前状态来固定

this.setState({...this.state, field})

如果您的状态中有一个对象，则应按如下方式设置状态：，假设您必须在用户对象内设置用户名。

this.setState({user:{...this.state.user, ['username']: username}})

警告：组件正在更改要控制的文本类型的非受控输入。输入元件不应从非受控切换到受控（反之亦然）。决定在部件的使用寿命内使用受控或非受控输入元件。

解决方案：检查值是否未定义

反应/Formik/Bootstrap/TypeScript

例子：

{ values?.purchaseObligation.remainingYear ?
  <Input
   tag={Field}
   name="purchaseObligation.remainingYear"
   type="text"
   component="input"
  /> : null
}