React native dropdown pciker从api获取

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';
import DropdownPicker from 'react-native-dropdown-picker';

const App = () => {
  const [items, setItems] = useState([]);
  const [selectedItem, setSelectedItem] = useState(null);

  useEffect(() => {
    fetch('https://api.example.com/options')
      .then(response => response.json())
      .then(data => {
        const formattedData = data.map(item => ({
          label: item.name,
          value: item.id,
        }));
        setItems(formattedData);
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
  }, []);

  return (
    <View>
      <DropdownPicker
        items={items}
        selectedItem={selectedItem}
        onSelectItem={(item) => setSelectedItem(item)}
      />
      {selectedItem && <Text>Selected: {selectedItem.label}</Text>}
    </View>
  );
};

export default App;