الخدمات الأعمال تعلّم من أنا تواصل
0/10
درس 9 من 10

Forms في React

في React تكون form inputs غالباً controlled components، أي أن React تدير قيمتها عبر state. استخدم onChange لتحديث state و value لعرض القيمة.

REACT
function ContactForm() {
  const [name, setName] = useState("");

  function handleSubmit(e) {
    e.preventDefault();
    alert("Hello, " + name);
  }

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={name}
        onChange={e => setName(e.target.value)}
      />
      <button type="submit">Submit</button>
    </form>
  );
}
🧠

اختبار سريع

أجب إجابة صحيحة لفتح الدرس التالي.

ادعم المهمة

منصة التعلم هذه مجانية 100%: بلا إعلانات، بلا تتبع، وبلا اشتراكات مدفوعة. إذا ساعدتك على تعلم شيء مفيد، يمكنك دعم الدروس القادمة أو التبرع لأطباء بلا حدود، وهي منظمة تقدم رعاية طبية طارئة في مناطق الأزمات حول العالم.

🎉

أكملت React!

أنهيت مسار React بالكامل: 10 درساً مع الاختبارات. أصبحت الآن تعرف الأساسيات.