react没有数据的双向绑定,但可以用过一些方法实现:
import React from 'react';
class TodoList extends React.Component {
constructor(props) {
super(props)
this.state = {
name: 'React实现数据双向绑定'
}
}
inputChange = (e) => {
this.setState({
name: e.target.value
})
}
setName = () => {
this.setState({
name: 'lisi'
})
}
render () {
return (
<div>
<h2>{this.state.name}</h2>
<input defaultValue={this.state.name} onChange={this.inputChange} />
<button onClick={this.setName}>点击改变name值</button>
</div>
)
}
}
export default TodoList;