如何在下拉列表/自动完成提交中添加链接？

import React, { useState } from 'react';

const options = [
  { label: 'Option 1', value: 'option1', link: 'https://example.com/option1' },
  { label: 'Option 2', value: 'option2', link: 'https://example.com/option2' },
  { label: 'Option 3', value: 'option3', link: 'https://example.com/option3' },
];

const Dropdown = () => {
  const [selectedOption, setSelectedOption] = useState('');

  const handleOptionChange = (event) => {
    const selectedValue = event.target.value;
    setSelectedOption(selectedValue);
    // 根据需要执行其他操作，如跳转到选中链接的URL
    const selectedLink = options.find(option => option.value === selectedValue)?.link;
    if (selectedLink) {
      window.location.href = selectedLink;
    }
  };

  return (
    <select value={selectedOption} onChange={handleOptionChange}>
      <option value="">请选择</option>
      {options.map(option => (
        <option key={option.value} value={option.value}>
          <a href={option.link}>{option.label}</a>
        </option>
      ))}
    </select>
  );
};

export default Dropdown;