react数据双向绑定

数据双向绑定

类似于vue的v-model

import React, { Component } from 'react';

class ParentSon extends Component {
    constructor(){
        super();
        this.state={num:1}
        this.dataChange=this.dataChange.bind(this);
    }
    dataChange(e){
        //console.log(e.target.value)
        this.setState({
            num:e.target.value
        })
    }
    render() {
        return (
            <div>
                <input value={this.state.num} onChange={(event)=>{this.dataChange(event)}}></input>
            </div>
        );
    }
}

export default ParentSon;