یکشنبه ۳۰ مرداد ۰۱ ۱۵:۳۳ ۳۱ بازديد
JSX عنصرها"elements" React را طراحی اپلیکیشن در مشهد ساخت رایا پارس میکند. در قسمت آتی رندر کردن آنان به DOM را فراگیری می دهیم. در ذیل، شما می توانید اصول اول JSX برای استارت فعالیت را ملاحظه کنید.
چرا JSX؟
React دربرگیرنده این واقعیت میباشد که منطق رندر به صورت ذاتی با بقیه منطق UI مرتبط میباشد (چه گونه حادثه ها کردار می‌نمایند، چه گونه state با سپری شد مجال تغییر تحول می‌نماید و چه‌گونه داده ها برای اکران فراهم میگردد.)
React جای این که فناوری‌‌ها را به طور تصنعی و با قرار دادن markup در فولدر‌های غیر وابسته جداسازی نماید، با واحدهایی که " components " اسم دارا‌هستند و هر دو آیتم را مشمول می شوند، نگرانی‌ها را از دربین می برد. در قسمت آینده به components می پردازیم و در‌صورتی‌که هنوز با markup (علامت گذاری) در JS ریلکس نیستید این قسمت قادر است شمارا متقاعد نماید.
React نیاز به به کار گیری از JSX ندارد، ولی بیشتر اشخاص در هنگام فعالیت با UI در درون کد جاوا اسکریپت آن را تحت عنوان یک ابزار یاری کننده بصری می بینند. همینطور به React اذن اکران خطاهای اثر گذار و پیام‌های هشدار دهنده را می دهد.
بیایید استارت کنیم
تعبیه کردن کلمه ها در JSX
در نمونه پایین، ما یک متغیر "name" را تمجید میکنیم و برای استعمال از آن در JSX ، آن را باطن براکت قرار می دهیم.
const name = 'Josh Perez';
const element =
Hello, {name}
;
ReactDOM.render(
element,
document.getElementById('root')
);
- ۰ ۰
- ۰ نظر