第二十七章 案例TodoList 之总结

简介: 第二十七章 案例TodoList 之总结

自此,我们已经将Todolist组件案例写完了,从中我们用到了哪些知识点呢?

  • 1、学会如何根据静态的页面效果,按功能拆分组件,将组件拆分为更小的组件,每个组件都负责一个特定的功能。
  • 2、在React中className和style={{}}已经事件属性:onXxx的写法。
  • 3、了解React中defaultChecked与checked属性的区别
  • 4、认识新的依赖库nanoid,该库可以生成唯一的UUID
  • 5、使用prop-types依赖库对props标签属性进行类型和必要性的限制
  • 6、对数组身上的方法如:reduce/map/filter...的熟练使用
  • 7、动态初始化列表,如何确定将数据放在那个组件的state中?

—1、某个组件使用:放在其自身的state中

—2、某些组件使用:放在他们共同的父组件state中(官方称此操作为:状态提升)

  • 8、关于父子间通信:

—1、【父组件】给【子组件】传递数据:通过props传递

—2、【子组件】给【父组件】传递数据:通过props传递,要求父组件提前给子组件传递一个函数

  • 9、状态在哪里,操作状态的方法就在哪里。


相关文章
|
7月前
|
前端开发
第二十六章 案例TodoList 之实现Footer组件
第二十六章 案例TodoList 之实现Footer组件
|
7月前
第二十五章 案例TodoList 之删除数据
第二十五章 案例TodoList 之删除数据
|
5月前
|
JavaScript
小而美的IKUN-UI组件库源码学习(前言)
小而美的IKUN-UI组件库源码学习(前言)
127 0
小而美的IKUN-UI组件库源码学习(前言)
Vue3 小兔鲜:Layout-静态模版结构搭建
Vue3 小兔鲜:Layout-静态模版结构搭建
84 0
|
7月前
|
前端开发 开发者
第二十三章 案例TodoList之数据更新
第二十三章 案例TodoList之数据更新
第二十三章 案例TodoList之数据更新
|
7月前
|
前端开发 容器
第十九章 案例TodoList之组件拆分
第十九章 案例TodoList之组件拆分
|
7月前
第二十一章 案例TodoList之新增数据
第二十一章 案例TodoList之新增数据
|
7月前
|
前端开发 数据挖掘
第二十章 案例TodoList之动态数据
第二十章 案例TodoList之动态数据
|
7月前
|
前端开发
第二十四章 案例TodoList 之props限制
第二十四章 案例TodoList 之props限制
|
7月前
|
前端开发 JavaScript 容器
前端炫技合集,简单的TODoList,简单的技术,实现不简单的效果
前端炫技合集,简单的TODoList,简单的技术,实现不简单的效果
151 0