从Functional React组件中的JSON响应中获取一个特定值，并将其设置为Select选项

import React, { useState } from 'react';

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

  // 其他代码...

  return (
    <div>
      <select value={selectedValue} onChange={(e) => setSelectedValue(e.target.value)}>
        <option value="">请选择</option>
        {/* 其他选项 */}
      </select>
    </div>
  );
}

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

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');
  const [jsonData, setJsonData] = useState([]);

  useEffect(() => {
    fetch('http://example.com/api/data')  // 替换为实际的API地址
      .then(response => response.json())
      .then(data => setJsonData(data))
      .catch(error => console.error(error));
  }, []);

  // 其他代码...

  return (
    <div>
      <select value={selectedValue} onChange={(e) => setSelectedValue(e.target.value)}>
        <option value="">请选择</option>
        {jsonData.map((item) => (
          <option key={item.id} value={item.value}>{item.label}</option>
        ))}
      </select>
    </div>
  );
}