دستور render در ری اکت (قسمت نهم)

در ری اکت زمانی که از دستور JSX استفاده می کنید.این کدها به کد جاوااسکریپتی تبدیل می شود که شامل آبجکت است.

متدی در زیر مجموعه React به نام render وجود دارد که وظیفه آن دریافت آبجکت از طریق jsx است و آن را در برنامه های single page application در المنت مورد نظر با استفاده از انتخاب روت اصلی قرار می دهد.

انتخاب روت اصلی برنامه با استفاده از createRoot

در نسخه جدید ری اکت با استفاده از متد createRoot از طریق reactDom در برنامه های تک صفحه ای، ابتدا روت اصلی برنامه خود را که در فایل public/index.html است انتخاب کرده ایم.

const root = ReactDOM.createRoot(document.getElementById('root'));

سپس در این روت تگ مورد نظر را جهت نمایش قرار می دهیم.

root.render(element);

انتخاب المنت های مختلف برای لود component های مختلف

مشاهده ادامه در لینک زیر:

https://dejavan.ir

سخن پایانی

این بود یکی دیگر از آموزش react در صورت داشتن سوال یا نظر اون رو با من در میان بزارید.

من امیر جوان میر هستم گرافیست و توسعه دهنده وب از سال 1390

instagram: https://www.instagram.com/amir.javanmir/

تمامی حقوق این مطلب متعلق به سایت دیزاینر جوان می باشد هرگونه استفاده از این مطلب با ذکر منبع آن بلامانع است.

website: https://dejavan.ir
instagram: https://instagram.com/designer.javan
twitter: https://twitter.com/designer_javan
Telegram: https://t.me/designer_javan

سایر مطالب