下拉重置在UI中不可见，尽管状态值为reset ReactJs

import React, { useState } from 'react';

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

  const options = [
    { value: 'option1', label: 'Option 1' },
    { value: 'option2', label: 'Option 2' },
    { value: 'option3', label: 'Option 3' },
  ];

  const handleReset = () => {
    setSelectedOption(''); // 将选中的值重置为空
  };

  const handleChange = (event) => {
    setSelectedOption(event.target.value);
  };

  return (
    <div>
      <select value={selectedOption} onChange={handleChange}>
        <option value="">请选择</option>
        {options.map((option) => (
          <option key={option.value} value={option.value}>
            {option.label}
          </option>
        ))}
      </select>
      <button onClick={handleReset}>重置</button>
    </div>
  );
}

export default ResetDropdown;