react基础-todolist案例相关知识点

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. 状态在哪里,对状态进行操作的方法就在哪里
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值