react2--Thinking in React

Thinking in React

需要掌握几个react的重要概念,props,states,其中的state概念特别重要。下面就从确定哪些变量是state,以及确定state的层级位置:

找到state变量:

step1:整个组件分解组件成为若干独立小组件。
step2:然后ask yourself three questions:

* is it passed into the component frome parent via props?if it is,it isn`t state
* does it change over the time? if it is,it is state.
* does it can be computed by other state and props?if it is,it isn`t state

确定state的层级位置

1) 找出所有需要依据状态渲染的组件;
2)找出1)中所有的组件的共同最近父组件A;
3)共同最近父组件A以或者组件A以上的组件必须要拥有这个状态。
3)如果不能找到一个拥有该状态的组件,那么就添加一个组件B,该组件B只是用来维系这个状态。组件B位于最近父组件A之上。

入门基础ppt-ant

react最佳实践,好多名词都没听说过,一个一个击破

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...