react 写一个数据循环渲染

以下是一个使用React的数据循环渲染示例：

import React from 'react';

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' },
];

const List = () => {
  return (
    <ul>
      {data.map(item => (
        <li key={item.id}>{item.name}</li>
      ))}
    </ul>
  );
};

export default List;

此代码将使用React的map函数循环遍历数据数组，并在每个项目上创建一个列表项。在循环期间，我们使用key属性为每个列表项提供唯一标识符，以帮助React优化性能。最后，我们将所有列表项包装在一个ul元素中，并将其作为组件的返回值。