React-Native如何使用过滤器修改数组中的对象？

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

const [data, setData] = useState([
  { id: 1, name: '对象1', filter: false },
  { id: 2, name: '对象2', filter: false },
  { id: 3, name: '对象3', filter: false }
]);

const handleFilter = (id) => {
  setData(prevData => {
    return prevData.map(obj => {
      if (obj.id === id) {
        return { ...obj, filter: !obj.filter };
      }
      return obj;
    });
  });
};

return (
  <View>
    {data.map(obj => (
      <View key={obj.id}>
        <Text>{obj.name}</Text>
        <Button
          title={obj.filter ? '已过滤' : '未过滤'}
          onPress={() => handleFilter(obj.id)}
        />
      </View>
    ))}
  </View>
);