React18学习

17、React_JSX的注意事项

18、React_渲染列表

其实就是根据原有的数据，生成一个新的数据

06_渲染列表.html

map()函数对一个数组进行处理。在代码中，data是一个数组，map()函数会遍历数组中的每个元素，并且对每个元素执行指定的操作，然后返回一个新的数组，新数组中包含了经过操作后的元素。

19、虚拟DOM

  
  
  
  
  
  


点我一下

列表中的key

当我们在JSX中显示数组中，数组中没一个元素都需要设置一个唯一key，否则控制台会显示红色警告

在渲染一个列表时，通常会给列表项设置一个唯一的key来避免上述问题

​	（这个key在当前列表中唯一即可）
	注意：
		1.开发中一班会采用数据的id作为key
		2.尽量不要使用元素的索引作为key
			索引会跟着元素的顺序改变而改变。唯一的不同就是，控制台的警告没了。
			当元素的顺序不会发生变化时，用索引也没有问题，
			如下：
			const arr = 
{data.map((item,index) => 
{item}
)}

20、创建React项目（手动）