将API数据加载到react native中的Picker (使用函数组件)

import React, { useState, useEffect } from 'react';
import { Picker } from 'react-native';

const MyComponent = () => {
  const [data, setData] = useState([]);
  
  useEffect(() => {
    // 从API获取数据的代码
    // 将获取的数据存储到data状态变量中
  }, []);
  
  return (
    <Picker>
      {/* 使用data状态变量中的数据渲染Picker选项 */}
    </Picker>
  );
};

useEffect(() => {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(jsonData => setData(jsonData))
    .catch(error => console.error(error));
}, []);

<Picker>
  {data.map(item => (
    <Picker.Item key={item.id} label={item.label} value={item.value} />
  ))}
</Picker>