JSX语法的用法特点及注意

首先引入

引入

<script src=" https://unpkg.com/babel-standalone@6/babel.min.js"></script>

用法

1.jsx的语法结构如果代码多，存在换行情况，整个结构可以用()包裹起来

2.jsx语法结构中，可以声明注释，写法{/* xxx */}+

3.一个jsx语法结构中，必须只有一个根节点

列表渲染：项目当中可能会对两种集合进行遍历，数组或者对象遍历；

{} 当中书写数组，可以直接遍历数组，得到数组元素

key是虚拟DOM中的唯一标识,用来记录当React中的数据源发生改变时,DOM节点是否重新渲染

列表渲染对象{} 不能直接遍历对象，可以变相的通过数组的方式，处理对象

注意：在进行列表渲染时，需要给map方法里的jsx结构(虚拟DOM节点)设置一个值唯一的key属性，一般情况下，key的值可以直接通过后台返回的数据中去使用唯一的标识id，如果后台没有返回标识，则可以使用遍历处理的index下标去代替(不能重复)