مدیریت رویدادها
بخشی از دوره ری‌اکت
کامپوننتی (component) که فقط بر پایهٔ ویژگی‌ها و وضعیت رندر می‌شود، به‌خودی‌خود تعاملی نیست؛ چیزی باید متوجه شود که کاربر روی دکمه کلیک کرده، داخل فیلدی تایپ کرده، یا کلیدی را فشار داده، و آن را به یک به‌روزرسانی وضعیت تبدیل کند. در درس پیش بدون هیچ توضیحی یک onClick را وصل کردید.
ری‌اکت می‌گذارد گردانندهٔ رویداد را مستقیم به عنصرهای JSX بچسبانید، با ویژگی‌هایی که به نام همان رویداد سند نام‌گذاری شده‌اند و به شکل camelCase نوشته می‌شوند: onClick برای کلیک، onChange برای تغییر ورودی، و همین‌طور تا آخر. مقدار آن ویژگی یک تابع است، تابعی که یا جداگانه تعریفش می‌کنید یا درون‌خطی می‌نویسیدش. ...
می‌خواهی ری‌اکت مدیریت رویدادها را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ری‌اکت آماده دریافت کنی و مدیریت رویدادها را به‌صورت عملی با یک مربی هوشمند که کدت را می‌شناسد تمرین کنی.
شروع این درسمدیریت رویدادهاچه چیزهایی یاد می‌گیری
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
این درس را به زبان خودت بخوان
همهٔ درس‌های این دوره
17 درس- 1ری‌اکت چیست؟25 دقیقه
- 2JSX و کامپوننت‌ها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیست‌ها30 دقیقه
- 7فرم‌ها و ورودی‌های کنترل‌شده (Controlled Inputs)35 دقیقه
- 8افکت‌ها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوک‌های سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننت‌های ری‌اکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
دوره‌های دیگر را ببین
