如何在循环中设置数组useState，以便在默认数组中添加更多项？

import React, { useState } from 'react';

const [items, setItems] = useState([]);

for (let i = 0; i < 5; i++) {
  setItems(prevItems => [...prevItems, `Item ${i}`]);
}

import React, { useState } from 'react';

const MyComponent = () => {
  const [items, setItems] = useState([]);

  for (let i = 0; i < 5; i++) {
    setItems(prevItems => [...prevItems, `Item ${i}`]);
  }

  return (
    <div>
      {items.map(item => (
        <div key={item}>{item}</div>
      ))}
    </div>
  );
};

export default MyComponent;