تحديث خاصية داخل كائن الحالة
تعامل مع كائن الحالة كقيمة للقراءة وأنشئ كائن جديد عند التحديث
المثال داخل مشروع React يدعم JSX و Hooks
تطبيق الفكرة
بننسخ الخصائص الحالية ونستبدل الإسم فقط
ملف App.jsx
import { useState } from "react";
export default function App() {
const [user, setUser] = useState({ name: "Osama", age: 40 });
return <><p>{user.name} {user.age}</p><button onClick={() => setUser(previous => ({ ...previous, name: "Mona" }))}>Change Name</button></>;
}النتيجة
الإسم بيتغير والسن بيفضل كما هو