React双向数据绑定

react

实现一个双向绑定的组件

React是单向数据流
需要通过onChange监听手动实现

import React, {Component} from 'react'
export default class QAQ extends Component {
   constructor(props){
       super(props)
       this.state = {
           msg:"abc"
       }
   }
   handleChange=(event)=>{
           let msg = event.target.value
            this.setState({msg})
   }
    render() {
        return (
            <div>
                <input type="text" value={this.state.msg} onChange={this.handleChange}/>
                <input type="text" value={this.state.msg} onChange={this.handleChange}/>
            </div>
        )
    }
}