ReactJS学习笔记-数据双向绑定

练习数据双向绑定

<script>
class App extends React.Component{
    constructor(){
        super()
        this.state = {
            name:"alxor"
        }
        this.changed = this.changed.bind(this);
    }
    
    changed(event) {
        this.setState({
            name:event.target.value;
        });    
    }
    
    render(){
        return (
            <span>{this.state.name}</span>
            <input type="text" onChange={this.changed} value={this.state.name} />
        )
    }
}

ReactDOM.render(<App />,document.getElementById("app"))
</script>