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

import React from 'react';

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

export default MyComponent;

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;