react 如何根据数组里元素动态展示数据

在 React 中，我们可以使用数组的 map 方法来动态展示数据。

假设我们有一个数组 `data`，里面包含了一些元素需要展示。我们可以使用下面的代码来将数组中的每个元素渲染成一个 `div` 元素：

{data.map((item, index) => (
  <div key={index}>{item}</div>
))}

在上面的代码中，我们使用了 `map` 方法来遍历 `data` 数组，对于数组中的每个元素，我们都返回一个 `div` 元素，并将其渲染到页面上。`key` 属性用于告诉 React 每个元素的唯一标识，这样 React 可以更高效地更新 DOM。

如果我们想要展示复杂的数据结构，比如一个对象数组，我们可以使用类似下面的代码：

{data.map((item, index) => (
  <div key={index}>
    <h2>{item.title}</h2>
    <p>{item.content}</p>
  </div>
))}

在上面的代码中，我们展示了一个对象数组，每个对象有 `title` 和 `content` 两个属性，我们使用了 JSX 的语法来展示这些属性。