如何使用React显示数组中特定数量的项

import React from 'react';

function ItemList({ items, numberOfItems }) {
  // 使用slice方法获取前numberOfItems个元素
  const displayedItems = items.slice(0, numberOfItems);

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

export default ItemList;

import React from 'react';
import ReactDOM from 'react-dom';
import ItemList from './ItemList';

const items = ['Apple', 'Banana', 'Cherry', 'Date', 'Elderberry'];

ReactDOM.render(
  <React.StrictMode>
    <ItemList items={items} numberOfItems={3} />
  </React.StrictMode>,
  document.getElementById('root')
);