Theme
Primary Color

تحديث خاصية داخل كائن الحالة

تعامل مع كائن الحالة كقيمة للقراءة وأنشئ كائن جديد عند التحديث

المثال داخل مشروع 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></>;
}

النتيجة

الإسم بيتغير والسن بيفضل كما هو

reactjs شرح