import React, { Component } from 'react'
export default class sx extends Component {
constructor(props) {
super(props)
this.state = {
msg: '初始值'
}
}
change = (e) => {
this.setState({
msg: e.target.value
})
}
render() {
return (
<div>
<input value={this.state.msg} onInput={this.change} />
<h1>{this.state.msg}</h1>
</div>
)
}
}
react是单向数据流,那么怎么实现双向绑定呢
设置input为受控组件,加一个input事件,调用change处理函数,获取输入框里的value值,
用setstate更新状态