首页 > 解决方案 > 如何在 React js 应用程序中添加 onchange 事件

问题描述

我是新手,reactjs我想onchange在我的应用程序中添加。我正在使用地图功能来获取数据。

onChange = (event,k,i) => {
     this.setState({

      dList: update(this.state.dList[k][i], {
        [event.target.name]:
          {$set: event.target.value} 
      })
    })
  }

标签: javascriptnode.jsreactjs

解决方案


状态示例

state = {
    name:'',
    password:''
}

如果您有多个输入示例名称和密码

<input type="text" name="name" value={name} onChange={this.handleChange} />

<input type="password" name="password" value={password} onChange={this.handleChange} />

这就是你如何应用 onchange 处理程序

handleChange = e => {
    this.setState({[e.target.name]: e.target.value})
}

推荐阅读