通过在React中选择一个已禁用选项作为默认值，重置下拉菜单

import React, { useState } from 'react';

function DropdownMenu() {
  const [selectedOption, setSelectedOption] = useState('disabledOption');

  // 其他组件代码...

  return (
    <select value={selectedOption} onChange={(e) => setSelectedOption(e.target.value)}>
      <option value="disabledOption" disabled>禁用选项</option>
      <option value="option1">选项1</option>
      <option value="option2">选项2</option>
      <option value="option3">选项3</option>
    </select>
  );
}

export default DropdownMenu;

function DropdownMenu() {
  const [selectedOption, setSelectedOption] = useState('disabledOption');

  const resetDropdown = () => {
    setSelectedOption('disabledOption');
  };

  // 其他组件代码...

  return (
    <div>
      <select value={selectedOption} onChange={(e) => setSelectedOption(e.target.value)}>
        <option value="disabledOption" disabled>禁用选项</option>
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
      </select>
      <button onClick={resetDropdown}>重置</button>
    </div>
  );
}