1. 拆分组件、实现静态组件,注意:className和style的写法(还有onClick等驼峰式命名)
-
先用总体的js和css文件进行盛放html文件的部分内容(结构)和css样式结构,分别放于App.jsx和新建App.css(记得App.jsx引入App.css),测试是否正常运行与显示(好的编码测试习惯,不要都拆了,甚至改变了内容再进行测试)(注意拆分的时候要看样式是否用到一些id)
-
根据实际情况拆分组件,新建空的组件文件夹进行建立各个组件,各个组件中包含index.jsx文件和index.css文件,
2. 动态初始化列表,如何确定将数据放在哪个组件的state中?
(1)某个组件使用:放在其自身的state中
(2)某些组件使用:放在他们共同的父组件state中(状态提升)
3. 关于父子之间的通信:
(1)父组件给子组件传递数据:props
(2)子组件给父组件传递数据:父组件给子组件通过props传递一个函数
4.注意defaultChecked和checked的区别,类似还有:defaultValue和value
defaultChecked只有初始化第一次有用,改变其值不会跟着改变,需要用checked,其有需要与onChange并用
5. 状态在哪里,对状态进行操作的方法就在哪里