Reactjs component 中 prop 和 state 的区别

版权声明:本文为博主原创文章,未经博主允许不得转载。欢迎关注我的微博@叮當了個和諧 https://blog.csdn.net/qq_25073545/article/details/81835352

Reactjs component 中 prop 和 state 的区别

  1. props放初始化数据,一直不变的,state就是放要变的。
  2. 需要理解的是,props是一个父组件传递给子组件的数据流,这个数据流可以一直传递到子孙组件。而 state代表的是一个组件内部自身的状态(可以是父组件、子孙组件)
  3. 改变一个组件自身状态,从语义上来说,就是这个组件内部已经发生变化,有可能需要对此组件以及组件所包含的子孙组件进行重渲染。
  4. 两者的变化都有可能导致组件重渲染
  5. state:如果component的某些状态需要被改变,并且会影响到component的render,那么这些状态就应该用state表示。例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不同的价格,那么“总价”这个状态,就应该用state表示。
  6. props:如果component的某些状态由外部所决定,并且会影响到component的render,那么这些状态就应该用props表示。例如:一个下拉菜单的component,有哪些菜单项,是由这个component的使用者和使用场景决定的,那么“菜单项”这个状态,就应该用props表示,并且由外部传入。

猜你喜欢

转载自blog.csdn.net/qq_25073545/article/details/81835352