
x32x01
أدارة أكتب كود
- بواسطة x32x01 ||


النسخة الجديدة جاية بميزات جامدة جدًا هتسهل علينا حاجات روتينية كنا بنعملها ، أهمها:

الميزة دي بتخلّي التعامل مع الـ Forms أسهل بكتير، وخصوصًا في تعديل البيانات. باستخدام useActionState، هتقدر تدير الستيت بتاعت الفورم بسلاسة.

JavaScript:
function UpdateProfile() {
const [error, submitAction, isPending] = useActionState(
async (previousState, formData) => {
const name = formData.get("name");
try {
await updateProfile(name);
return null; // مفيش أخطاء
} catch (err) {
return "فشل في تحديث الملف الشخصي";
}
},
null
);
return (
<form action={submitAction}>
<input type="text" name="name" />
<button type="submit" disabled={isPending}>
{isPending ? "جاري التحديث…" : "تحديث الملف"}
</button>
{error && <p className="error">{error}</p>}
</form>
);
}

دلوقتي ممكن تعرض حالة التحميل بسهولة باستخدام useFormStatus:
JavaScript:
import { useFormStatus } from 'react-dom';
function SubmitButton() {
const { pending } = useFormStatus();
return (
<button disabled={pending}>
{pending ? 'جاري الإرسال…' : 'إرسال'}
</button>
);
}

لو استفدت، اديني ريأكت، وشير عشن تفيد غيرك

وقولى إيه أكتر ميزة عجبتك في الاصدار الجديد؟