如何在react native中根据id更新状态？

npm install react-native

npx react-native init UpdateStateExample
cd UpdateStateExample

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

const UpdateStateExample = () => {
  const [data, setData] = useState([
    { id: 1, title: 'Item 1' },
    { id: 2, title: 'Item 2' },
    { id: 3, title: 'Item 3' },
  ]);

  const updateItem = (id, newTitle) => {
    const updatedData = data.map((item) => {
      if (item.id === id) {
        return { ...item, title: newTitle };
      }
      return item;
    });
    setData(updatedData);
  };

  useEffect(() => {
    console.log('Data updated:', data);
  }, [data]);

  return (
    <View>
      {data.map((item) => (
        <View key={item.id}>
          <Text>{item.title}</Text>
          <Button
            title={`Update ${item.title}`}
            onPress={() => updateItem(item.id, `Updated ${item.title}`)}
          />
        </View>
      ))}
    </View>
  );
};

export default UpdateStateExample;

npx react-native run-android

npx react-native run-ios