react实现双向数据绑定

react如何实现双向数据绑定

因为react是单项数据流，他没有像vue的v-medol属性可以双向数据绑定，所以就需要我们手动设置关系来进行绑定：

export default class binddata extends Comonent{
    constructor(){
        super()
        this.state = {
            value: "hcx"
        }
    }
    handleChange(e){
        this.setState({
            value : e.target.value
        )
    }
    
    render(){
        return(
            <div>
                <input value={this.state.value} onChange={this.handleChange.bind(this)}><input/>
                <div>{this.state.value}<div/>
            <div/>
        )
    }
    
}