5步构建你的React应用程序:
Step1:根据UI或数据结构快速给组件分层
Step2:自上而下或自下而上构建静态版本组件
Step3:根据UI为应用确定出所需的最小状态和所需变量类型
Step4:找出你的状态所在位置
- 找出所有依赖该状态渲染的组件
- 找出共有者组件(一个组件同样需要该状态,并凌驾于其他组件之上)
- 无论是共有者还是其他高层次组件,都需要该状态
- 如果你找不出这样的组件,那就单独创建一个,并将它添加共有着组件之上。
Step5:添加反向数据流
一般都是通过事件绑定,由底层onChange事件传递给顶层组件,修改该state。
网友评论