使用React根据另一个下拉列表更新select的选项

import React, { useState } from "react";

function MyComponent() {
  // 定义状态，用于保存下拉列表的选项
  const [options, setOptions] = useState([]);

  // 事件处理函数，用于根据另一个下拉列表的值更新选项
  const handleInputChange = (event) => {
    const value = event.target.value;
    
    // 根据value值更新options
    // 这里可以根据具体业务逻辑进行处理，例如从后端获取数据并更新options
    setOptions(/* 更新后的options值 */);
  };

  return (
    <div>
      {/* 另一个下拉列表 */}
      <select onChange={handleInputChange}>
        {/* options中的值作为下拉列表的选项 */}
        {options.map((option) => (
          <option key={option.value} value={option.value}>
            {option.label}
          </option>
        ))}
      </select>
    </div>
  );
}

export default MyComponent;