本文是关于React学习的第三天内容，涵盖了jsx中的数据类型渲染，如数字、字符串、数组和对象的处理。强调了组件状态的不可变性，推荐使用useState时确保数据为不可变对象。还详细讲解了列表渲染和条件渲染的方法，以及在React中如何使用Ref进行DOM操作，包括createRef、useRef和callback Ref的用法。
day03
- 各种数据类型在jsx内直接渲染
- 组件状态是个不可变数据
- 列表渲染
- 条件渲染
- ref
一、各种数据类型在jsx内直接渲染
- 数字、字符串、数组可以渲染
- null，undefined，布尔渲染为空
- 对象无法直接显示，需要掏出里面的内容
二、组件状态是个不可变数据
我们每次用修改状态的方法去改变状态的时候，只是当下改了，重新刷新，值依旧没有被改变；
useState里数据务必为immutable（不可赋值的对象）；
三、列表渲染
- 回顾：vue用v-for来进行列表渲染，是指令；但react中无指令，用{表达式}和内置原生函数map( )。
- arr数组有几个就渲染几条li出来
`` {表达式}
`` 例如：
`` {arr.map((value,index)=>{
`` return <li>{value}</li>
`` })}
四、条件渲染
- 回顾：vue用v-show｜v-if来进行条件渲染，是指令；但react中无指令，用{表达式}。
- 法123因为null、undefined和空字符串都不渲染；
`
最低0.47元/天 解锁文章
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
