javascript - 如何在 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}
})
})
}
解决方案
状态示例
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})
}
推荐阅读
- php - 出于安全原因,`extract()` 已被禁用
- azure-devops - Azure DevOps 条件生成步骤
- docker - 为什么命令通过正在运行的容器上的“EXEC”指令有效运行,而不是通过 docker-compose?
- python-2.7 - 是否有 Python 函数可以将 unicode 文字转换为可读形式?
- html - 与 photosohp 字体相比,Html 网络字体看起来不同
- javascript - Javascript WebWorker - 异步/等待
- react-native - React Native - 状态改变但组件没有重新渲染
- python - 在 python os.chdir() 中不使用相对路径
- plsql - 无法在游标中获取 dbms_output.put_line
- sql - 如何从 XML 列中提取具有特定数据的值?