在react+typescript下如何正确的使用双向绑定

Question

比如双向绑定一个input的值，如果只是通过onChange事件来绑定，是不是太低端了

Answer 1

react不是vue，没有vue的v-model语法糖，需要自己onchange触发state的改变，然后input value去拿state,也就是受控组件

class Demo1 extends Component {
    constructor(props) {        super(props);        this.state = {
            value: props.value
        }
    }

    handleChange(e) {        this.setState({
            value: e.target.value
        })
    }

    render() {        return (
            <input value={this.state.value} onChange={e => this.handleChange(e)}/>
        )
    }
}