React学习笔记（1）

  • Z时代
  • 2024-01-10
  • 分类：综合

react

常见问题

  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

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

以上是 React学习笔记（1） 的全部内容， 来源链接： utcz.com/z/381497.html

回到顶部