React Native -如何获取选取器数据

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

const options = [
  { label: 'Option 1', value: 'option1' },
  { label: 'Option 2', value: 'option2' },
  { label: 'Option 3', value: 'option3' },
];

const MyPicker = () => {
  const [selectedValue, setSelectedValue] = useState('');

  return (
    <View>
      <Picker
        selectedValue={selectedValue}
        onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
      >
        {options.map(option => (
          <Picker.Item
            key={option.value}
            label={option.label}
            value={option.value}
          />
        ))}
      </Picker>
    </View>
  );
};

export default MyPicker;

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

const MyPicker = () => {
  const [selectedValue, setSelectedValue] = useState('');
  const [options, setOptions] = useState([]);

  useEffect(() => {
    // 在组件加载后获取选项数据
    fetchOptions();
  }, []);

  const fetchOptions = () => {
    // 执行网络请求或其他数据获取操作获取选项数据
    // 并将数据设置为options状态
    const fetchedOptions = ['Option 1', 'Option 2', 'Option 3'];
    setOptions(fetchedOptions);
  };

  return (
    <View>
      <Picker
        selectedValue={selectedValue}
        onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
      >
        {options.map((option, index) => (
          <Picker.Item
            key={index}
            label={option}
            value={option}
          />
        ))}
      </Picker>
    </View>
  );
};

export default MyPicker;