第二十七章 案例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、状态在哪里,操作状态的方法就在哪里。


相关文章
|
4月前
|
JavaScript
小而美的IKUN-UI组件库源码学习(前言)
小而美的IKUN-UI组件库源码学习(前言)
112 0
小而美的IKUN-UI组件库源码学习(前言)
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js的荆州理工职业学院网站附带文章和源代码设计说明文档ppt
基于ssm+vue.js的荆州理工职业学院网站附带文章和源代码设计说明文档ppt
24 0
Vue3 小兔鲜:Layout-静态模版结构搭建
Vue3 小兔鲜:Layout-静态模版结构搭建
79 0
|
前端开发
前端项目实战捌拾玖react-admin+material ui-踩坑-List路由写错一直展示不出来
前端项目实战捌拾玖react-admin+material ui-踩坑-List路由写错一直展示不出来
42 0
|
前端开发
【React工作记录一百零一】再次接触老朋友react+ant design table合并单元格(2)
#yyds干货盘点 再次接触老朋友react+ant design table合并单元格
99 0
|
6月前
|
前端开发 开发者
第二十三章 案例TodoList之数据更新
第二十三章 案例TodoList之数据更新
第二十三章 案例TodoList之数据更新
|
6月前
|
前端开发 数据挖掘
第二十章 案例TodoList之动态数据
第二十章 案例TodoList之动态数据
|
6月前
第二十一章 案例TodoList之新增数据
第二十一章 案例TodoList之新增数据
|
6月前
|
前端开发 容器
第十九章 案例TodoList之组件拆分
第十九章 案例TodoList之组件拆分
|
6月前
|
前端开发 JavaScript 容器
前端炫技合集,简单的TODoList,简单的技术,实现不简单的效果
前端炫技合集,简单的TODoList,简单的技术,实现不简单的效果
147 0