如何在react中select的option标签中获取api响应？

import React, { useEffect, useState } from 'react';

const SelectComponent = () => {
  const [options, setOptions] = useState([]);
  
  useEffect(() => {
    // 在这里发送API请求获取数据，并将响应数据设置到options状态变量中
    fetch('API_URL')
      .then(response => response.json())
      .then(data => setOptions(data));
  }, []);
  
  return (
    <select>
      {/* 使用map方法遍历options状态变量，并在<option>中显示相应的值 */}
      {options.map(option => (
        <option key={option.id} value={option.value}>{option.label}</option>
      ))}
    </select>
  );
};

const App = () => {
  return (
    <div>
      <h1>React Select Example</h1>
      <SelectComponent />
    </div>
  );
};

export default App;