[关闭]
@1002522146 2018-05-25T08:10:59.000000Z 字数 419 阅读 611

React双向数据绑定

react


实现一个双向绑定的组件

React是单向数据流
需要通过onChange监听手动实现


  1. import React, {Component} from 'react'
  2. export default class QAQ extends Component {
  3. constructor(props){
  4. super(props)
  5. this.state = {
  6. msg:"abc"
  7. }
  8. }
  9. handleChange=(event)=>{
  10. let msg = event.target.value
  11. this.setState({msg})
  12. }
  13. render() {
  14. return (
  15. <div>
  16. <input type="text" value={this.state.msg} onChange={this.handleChange}/>
  17. <input type="text" value={this.state.msg} onChange={this.handleChange}/>
  18. </div>
  19. )
  20. }
  21. }
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注