React学习笔记（1）

常见问题

1. 状态修改在生命周期中怎么用
2. 业务逻辑写在哪里
3. 目录结构如何设计
4. state怎么设计
5. Action、Reducer如何分工
6. 高阶组件的使用 （比如store Enhancer 和middleware等）
7. 路由和组件如何关联

 

要学会 1.React思维方式 （react16以上+redux+react router）2.前端架构设计 3.项目优化及部署 

组件的划分原则 

 

之所以单独拆开Todo组件 是因为有交互 点击会消失 

静态：dom结构和组件样式编写

动态：组件之间的通讯和事件处理

 

 

AddTodo 和TodoList 组件都需要使用 todos数据 所以状态上移 移动到他们两个的共同父组件 App 

AddTodo会影响TodoList组件

 

Footer组件 的按钮选项 影响TodoList 组件的显示内容 UI状态

filter 这个变量需要状态上移 

 

注意：todos需要根据filter 条件删选todos的显示

 

父组件通过属性的形式向子组件传递数据

子组件调用父组件的方法 从而改变父组件的状态从而改变ul

子组件获取父组件方法的方式 和 父组件向子组件传递方法的形式