双向数据绑定
双向数据绑定
import React, { Component } from 'react'
export default class Form extends Component {
constructor(){
super()
this.state = {
name:'王一博'
}
}
change(e){
// 实现数据的双向绑定
this.setState({name:e.target.value})
}
render() {
return (
<div className="alert alert-info">
<h1>双向数据绑定</h1>
<div>name的值为:{this.state.name}</div>
<input type="text" value={this.state.name} onChange={(e)=>this.change(e)}/>
</div>
)
}
}