我正在构建一个React应用程序，我有一个UI语义React下拉列表，允许用户选择一种货币，当前为“欧元”或“美元”。然后所选货币将存储在状态currency：

  const [currency, setCurrency] = useState('Euro');

下拉代码：

export const CurrencyDropdown = ({ currency, setCurrency }) => {

  const currencies = [
    {
      key: 'Euro',
      text: 'Euro',
      value: 'Euro',
    },
    {
      key: 'Dollar',
      text: 'Dollar',
      value: 'Dollar',
    },
  ];

  const handleChange = (e, { value }) => {
    setCurrency({ value }.value);
  };

  return (
    <Dropdown
      fluid
      button
      className="mini"
      selection
      options={currencies}
      onChange={handleChange}
      value={currency}
    />
  );
};

一切正常，唯一的问题是当用户点击打开下拉菜单时，我希望下拉菜单只显示选项列表中未选择的货币选项（即，如果选择“Euro”，下拉菜单将显示未选择的选项“Dollar”，点击），而不是像现在这样显示两个货币选项：下拉当前行为。

当然，当关闭时，下拉列表仍将显示所选选项（本例中为“欧元”）。

有没有办法在语义UI中做到这一点？谢谢你的帮助。