返回目录

2、TodoList 案例

代码：https://github.com/mouday/todo-list/tree/master/todo-list-client/todo-list-client-react

使用到的库

• nanoid https://github.com/ai/nanoid

• prop-types

todoList 案例相关知识点

1. 拆分组件、实现静态组件，注意: className、style 的写法
2. 动态初始化列表，如何确定将数据放在哪个组件的 state 中?

• 某个组件使用: 放在其自身的 state 中
• 某些组件使用: 放在他们共同的父组件 state 中(官方称此操作为: 状态提升)

3. 关于父了之间通信:

• [父组件] 给[子组件] 传递数据:通过 props 传递
• [子组件]给[父组件] 传递数据: 通过 props 传递，要求父提前给子传递一个函数

4. 注意 defaultChecked 和 checked 的区别，类似的还有: defaultValue 和 value
5. 状态在哪里，操作状态的方法就在哪里