ReactJS -数据不会从axios调用加载到下拉列表中

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

function Dropdown() {
  const [options, setOptions] = useState([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    axios.get('你的API端点')
      .then(response => {
        setOptions(response.data);
        setLoading(false);
      })
      .catch(error => {
        console.error('Error fetching data: ', error);
        setLoading(false);
      });
  }, []);

  if (loading) {
    return <div>Loading...</div>;
  }

  return (
    <select>
      {options.map(option => (
        <option key={option.id} value={option.value}>
          {option.label}
        </option>
      ))}
    </select>
  );
}

export default Dropdown;

.catch(error => {
  console.error('Error fetching data: ', error);
  setLoading(false);
  // 可以设置一个错误状态并在UI中显示
  setError('Failed to load options');
});