在映射函数React或React-Hooks或React-Native内更新数组中的对象

const [items, setItems] = useState([
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' }
]);

const updatedItems = items.map(item => {
  if (item.id === 2) {
    return { ...item, name: 'Updated Item 2' };
  }
  return item;
});

setItems(updatedItems);

import React, { useState } from 'react';

const MyComponent = () => {
  const [items, setItems] = useState([
    { id: 1, name: 'Item 1' },
    { id: 2, name: 'Item 2' },
    { id: 3, name: 'Item 3' }
  ]);

  const updateItem = () => {
    const updatedItems = items.map(item => {
      if (item.id === 2) {
        return { ...item, name: 'Updated Item 2' };
      }
      return item;
    });

    setItems(updatedItems);
  };

  return (
    <div>
      <button onClick={updateItem}>Update Item 2</button>
      <ul>
        {items.map(item => (
          <li key={item.id}>{item.name}</li>
        ))}
      </ul>
    </div>
  );
};

export default MyComponent;