跳转至

6.列表渲染

可以使用js中的for语句将列表元素渲染成<li>... </li>这种形式,这样就能很好地返回成html代码。

如果你直接在jsx中返回一个列表,jsx会将整个列表中的各个元素拼接在一起输出。如果你列表中存放的是字符串,则直接返回列表会得到一个由所有元素组成的字符串。

react要求每个<li></li>标签需要一个唯一的id。一般来说这样写:

<li key=...>... </li>