一个不错的学习地址:http://guoyongfeng.github.io/idoc/html/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/React%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB.html

里面的Demo:https://github.com/GuoYongfeng/react-demo


理解state和props

虽然state和prop都是存储数据的,但是要区分二者的区别:

  • state存放的是流动的,变化的组件数据,而且,state只存在于组件的内部
  • 把props当成是组件的数据源,一般用来存放组件初始后不变的数据和属性

需要提醒的是:

  • 不要将props的数据复制到state中去
  • 不要使用setProps改变组件的属性
  • 要慎用replaceState

二者的结合则可完成组件的单向数据流动

进阶——

生命周期

—>钩子函数

(渲染为真实的DOM)

  • 实例化(渲染前)

    getDefaultProps() 生命周期中只会执行一次
    getInitialState()
    componentWillmount()
    render()

  • 组件存在期(渲染为真实的DOM)
    • componentDidMount()
      shouldComponentUpdate()
      componentWillUpdate()
      componentWillUnmount()

  • 销毁期
    • componentDidUnmount()

    2,DOM操作

    3,事件处理

    4,理解和运用mixin

     

     

     

    ~~~~~~~