学习React基础的第四天
Day four
1.样式的模块化
- index.css ==> index.module.css
- import ‘./index.css’ ==> import xxx from ‘./index.module.css’
- 使用的时候直接className = “xxx.类名”
2.功能组件的编码流程
- 拆分组件: 拆分界面,抽取组件
- 实现静态组件: 使用组件实现静态页面效果
- 实现动态组件
3.1动态显示初始化数据
3.1.1 数据类型
3.1.2 数据名称
3.1.2 保存在哪个组件?
3.2 交互(从绑定事件监听开始)
3.todoList的相关知识点
- 拆分组件、实现静态组件， 注意：className、style的写法！！！！
- 动态初始化列表，如何确定将数据放在哪个组件的state中？
——某个组件使用，放在自身的state中
——某些组件使用，放在他们共同的父组件state中（官方说法：状态提升）
3.关于父子组件中的通信
——【父组件】给【子组件】传递数据，通过props传递
——【子组件】给【父组件】传递数据，通过props传递，要求父组件提前给子组件传递了一个函数
4.注意defaultChecked和 checked的区别， 类似的还有defaultValue 和 value
5.状态在哪里，操作状态的方法就在哪里
