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和空字符串都不渲染;
`