React学习笔记(1)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Hreticent/article/details/89888683

常见问题

  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

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

 

 

猜你喜欢

转载自blog.csdn.net/Hreticent/article/details/89888683