React Native选取器选定值保留已删除的项目

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

const MyPicker = () => {
  const [selectedValue, setSelectedValue] = useState('item1');
  const [items, setItems] = useState(['item1', 'item2', 'item3']);

  const handleDeleteItem = (item) => {
    const updatedItems = items.filter((i) => i !== item);
    setItems(updatedItems);
    if (selectedValue === item) {
      setSelectedValue(updatedItems[0]);
    }
  };

  return (
    <View>
      <Picker
        selectedValue={selectedValue}
        onValueChange={(itemValue) => setSelectedValue(itemValue)}
      >
        {items.map((item) => (
          <Picker.Item key={item} label={item} value={item} />
        ))}
      </Picker>
      <Button title="Delete Item" onPress={() => handleDeleteItem(selectedValue)} />
    </View>
  );
};

export default MyPicker;