从react中数据库读取下拉列表数据

import React, { Component } from 'react';

class Dropdown extends Component {
  constructor(props) {
    super(props);
    this.state = {
      options: [], // 存储从数据库中获取的下拉列表数据
    };
  }

  componentDidMount() {
    // 在组件挂载后调用后端接口获取数据
    fetch('/api/options') // 假设后端接口为/api/options
      .then(response => response.json())
      .then(data => {
        this.setState({ options: data });
      });
  }

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

export default Dropdown;