react中的{}

87 阅读1分钟

react中{}是解析表达式的,我们如果直接{arr},是自动会被遍历的,但是如果放一个对象就会报错。
第二个事情是既然其中可以放一个表达式,那么什么是表达式呢?简单意义上来说,只要返回的是一个值的都是表达式,哪怕是一个函数,其默认也是有返回值的

image.png 那哪一些不是表达式呢?比如我们的for循环 while、switch等等这些是定义代码转向的语句,那我们现在需要在{}中对其进行遍历操作该怎么办呢?数组的话使用可以map

image.png 注意取值的时候用的是{item},展示如图

image.png