深入浅出react&redux笔记

| 字数 1918

深入浅出react&redux笔记

  1. 高内聚(js、jsx、css) 低耦合(弱化不同组件间的关系)
  2. react组件数据

    1. propTypes 建议在开发环境可加,生产环境通过babel-react-optimize去掉
    2. 初始化state:

      1. 1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        this.state = {
        count: props.initValue || 0
        }
        // =>
        this.state = {
        count: props.initValue
        }
        xxx.defaultProps = {
        count: 0
        }
    3. prop&state的对比:

      1. prop 用于定义外部接口, state 用于记录内部状态;
      2. prop 的赋值在外部世界使用组件时, state 的赋值在组件内部;
      3. 组件绝不应该改变 prop 的值(要严格遵守单向数据流原则,保证 ui=render(data) 这个函数无任何副作用),而 state存在的目的就是让组件来改变的 。