如何获得列表值和取消选择值后应在react native中减去

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

const ListComponent = () => {
  const [selectedValues, setSelectedValues] = useState([]);

  const handleSelect = (value) => {
    setSelectedValues([...selectedValues, value]);
  };

  const handleDeselect = (value) => {
    const updatedValues = selectedValues.filter((item) => item !== value);
    setSelectedValues(updatedValues);
  };

  return (
    <View>
      <TouchableOpacity onPress={() => handleSelect('Value 1')}>
        <Text>Value 1</Text>
      </TouchableOpacity>
      <TouchableOpacity onPress={() => handleSelect('Value 2')}>
        <Text>Value 2</Text>
      </TouchableOpacity>
      <TouchableOpacity onPress={() => handleSelect('Value 3')}>
        <Text>Value 3</Text>
      </TouchableOpacity>
      <TouchableOpacity onPress={() => handleDeselect('Value 2')}>
        <Text>Cancel Value 2</Text>
      </TouchableOpacity>
      <Text>Selected Values: {selectedValues.join(', ')}</Text>
    </View>
  );
};

export default ListComponent;