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


相关文章
|
分布式计算 JavaScript 前端开发
超级实用!详解Node.js中的lodash模块和async模块
超级实用!详解Node.js中的lodash模块和async模块
|
12月前
|
Prometheus Kubernetes 监控
告警规则设置方法
告警规则设置方法
394 3
|
JavaScript
vue系列之 插槽(Slot) 详解
vue系列之 插槽(Slot) 详解
vue系列之 插槽(Slot) 详解
小说网站|基于Springboot+Vue实现在线小说阅读网站(二)
小说网站|基于Springboot+Vue实现在线小说阅读网站
625 0
小说网站|基于Springboot+Vue实现在线小说阅读网站(二)
|
JSON 开发工具 数据安全/隐私保护
|
JSON 前端开发 开发工具
Vue3 小兔鲜:项目起步
Vue3 小兔鲜:项目起步
464 0
|
19天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾