- 给表单控件设置name属性
- 初始化,state中用表单的name值为属性用于绑定对应input框
- 给对应的input框绑定value值
- 通过e.target.name获取当前操作的input框的name值
- 给对应的input框赋值
代码如下:
import React from 'react'
export default class App extends React.Component {
state = {
name: '',
password: ''
}
onchange(e) {
this.setState({
[e.target.name]: e.target.value
})
}
render() {
const { name, password } = this.state
return (
<div>
<input type="text" name="name" value={name} onChange={this.onchange.bind(this)} />
<input type="text" name="password" value={password} onChange={this.onchange.bind(this)} />
</div>
)
}
}