如何在不重复React.js的情况下从数组中生成随机项？

import React, { useState } from 'react';

const RandomItemGenerator = () => {
  const [options, setOptions] = useState(['Option 1', 'Option 2', 'Option 3']);
  
  // 生成随机项的函数
  const generateRandomItem = () => {
    if (options.length > 0) {
      const randomIndex = Math.floor(Math.random() * options.length);
      const randomItem = options[randomIndex];
      
      // 从数组中删除已选项
      setOptions(options.filter((item, index) => index !== randomIndex));
      
      return randomItem;
    }
  };

  return (
    <div>
      <button onClick={() => generateRandomItem()}>Generate Random Item</button>
    </div>
  );
};

<button onClick={() => generateRandomItem()}>Generate Random Item</button>

const [randomItem, setRandomItem] = useState('');

// ...

const generateRandomItem = () => {
  // ...
  
  // 设置随机项的状态
  setRandomItem(randomItem);
};

return (
  <div>
    <button onClick={() => generateRandomItem()}>Generate Random Item</button>
    <p>Random Item: {randomItem}</p>
  </div>
);