如何在React中以无序列表格式显示我的数据？

在React中以无序列表格式显示数据，可以使用map方法遍历数据，并将每个数据项渲染为<li>元素。以下是一个示例代码：

import React from 'react';

function MyComponent({ data }) {
  return (
    <ul>
      {data.map((item, index) => (
        <li key={index}>{item}</li>
      ))}
    </ul>
  );
}

export default MyComponent;

在上面的代码中，我们使用了map方法遍历data数组，并为每个数据项创建一个<li>元素。注意要为每个<li>元素设置一个唯一的key属性，这有助于React进行高效的渲染。

这个组件可以在其他地方使用，将数据传递给data属性即可：

import React from 'react';
import MyComponent from './MyComponent';

function App() {
  const data = ['Item 1', 'Item 2', 'Item 3'];

  return (
    <div>
      <h1>My List</h1>
      <MyComponent data={data} />
    </div>
  );
}

export default App;

这样，你就可以在React中以无序列表格式显示你的数据了。对于更复杂的数据结构，你可以在map方法中进行适当的处理，以显示所需的数据。