React Props
پراپرتیها (Props) 📦
Props (مخفف Properties) ورودیهای کامپوننت هستند. آنها دادهها را از پدر به فرزند منتقل میکنند و مانند آرگومانهای تابع عمل میکنند.
فقط خواندنی
مهمترین قانون Props: آنها Read-Only هستند. یک کامپوننت هرگز نباید props خودش را تغییر دهد.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
یادگیری React یک سرمایهگذاری بینظیر است. این کتابخانه نه تنها بازار کار فوقالعادهای دارد، بلکه نحوه تفکر شما درباره برنامهنویسی UI را تغییر میدهد. با تسلط بر کامپوننتها و جریان داده، میتوانید پیچیدهترین اینترفیسها را به سادگی مدیریت کنید.
<hr style="margin: 50px 0; border: 0; border-top: 2px dashed #61dafb;">فلسفه React: تفکر اعلانی (Declarative) 🧠
بزرگترین تغییر ذهنی هنگام یادگیری React، حرکت از کدنویسی دستوری (Imperative) به اعلانی (Declarative) است. در روش قدیمی (jQuery)، شما میگفتید: "برو اون دکمه رو پیدا کن، کلاس فعال رو بهش اضافه کن". در React، شما میگویید: "اگر وضعیت فعال است، دکمه باید این شکلی باشد" و React بقیه کارها را انجام میدهد.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
کامپوننتی بسازید که prop با نام text را در تگ p نمایش دهد.
function Message(props) {
return <p>{props.text}</p>;
}آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.