Reactjs 输入字段Onchange不允许输入

我有一个简单的输入字段，它从onComponentMount获取一个值。现在，我希望用户能够更改值，但它不起作用。这是我的密码：

  componentDidMount = async () => {
    const IPAddress = await publicIp.v4();
    this.setState({ Client_IP: IPAddress })
  }

  eventHandler = () => (e: any) => {
    e.persist()
    this.setState((prevState: any) => ({
      IPObject: {
        ...prevState.IPObject,
        IPList: e?.target?.value
      }
    }));
  }

    <Input placeholder="IP address" required={true}
      value={this.state.Client_IP} onChange={this.eventHandler()}></Input>

componentDidMount=async（）=>{
const IPAddress=wait publicIp.v4（）；
this.setState（{Client_IP:IPAddress}）
}
eventHandler=（）=>（e:any）=>{
e、 坚持
this.setState（（prevState:any）=>({
i对象：{
…prevState.IPObject，
IPList:e？目标？值
}
}));
}

将输入更改为：

onChange={this.eventHandler}

使用Paranthesis时，必须像调用箭头函数一样调用它：

onChange={() => this.eventHandler()}

---

并确保更改所需的字段，在该

eventHandler

中将输入更改为：

onChange={this.eventHandler}

使用Paranthesis时，必须像调用箭头函数一样调用它：

onChange={() => this.eventHandler()}

---

并确保更改所需的字段，在

eventHandler

中，您的代码不断调用

eventHandler

函数

有关react中JSX的事件处理，请参见此处

正确的语法将是

  <Input placeholder="IP address" required={true} value={this.state.Client_IP} onChange={() => this.eventHandler()}></Input>

this.eventHandler（）}>

或

---

您的代码不断调用

eventHandler

函数

有关react中JSX的事件处理，请参见此处

正确的语法将是

  <Input placeholder="IP address" required={true} value={this.state.Client_IP} onChange={() => this.eventHandler()}></Input>

this.eventHandler（）}>

或

仅解释为什么会出现这种情况：包含

this.eventHandler

的参数传入函数本身，

this.eventHandler（）

运行函数，然后传入结果。仅解释为什么会出现这种情况：包含

this.eventHandler

的参数传入函数本身，然后

this.eventHandler（）

运行函数，然后传入结果。