在React js中选择特定下拉值时的禁用按钮

import React, { useState } from 'react';

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');
  const [isButtonDisabled, setIsButtonDisabled] = useState(true);

  // 其他组件代码...

  return (
    <div>
      <select
        value={selectedValue}
        onChange={(e) => {
          setSelectedValue(e.target.value);
          setIsButtonDisabled(e.target.value === ''); // 如果选中值为空，则禁用按钮
        }}
      >
        <option value="">请选择</option>
        <option value="option1">选项1</option>
        <option value="option2">选项2</option>
        <option value="option3">选项3</option>
      </select>
      <button disabled={isButtonDisabled}>提交</button>
    </div>
  );
}

export default MyComponent;