سلام
من دارم یه پروژه رو نگا میکنم ببینم چطوری نوشته شده اما بعضی چیزا (بهتر بگم خیلی چیزا ????) رو نمیفهمم چطور کار میکنه
مثلا:
const HelloWorldComponent = () => <h1>Hello World!</h1>;
هیچیشو نمیفهمم کسی میتونه یکم توضیح بده؟ مرسی ☃❄
سلام
من دارم یه پروژه رو نگا میکنم ببینم چطوری نوشته شده اما بعضی چیزا (بهتر بگم خیلی چیزا ????) رو نمیفهمم چطور کار میکنه
مثلا:
const HelloWorldComponent = () => <h1>Hello World!</h1>;
هیچیشو نمیفهمم کسی میتونه یکم توضیح بده؟ مرسی ☃❄
سلام
فکر میکنم این کد رو از پروژه react برداشتید.
تو این کد از ویژگی های ES6 جاوا اسکریپت استفاده شده مثل const
و Arrow Functions که میتونید در موردش تحقیق کنید. همچنین از JSX استفاده شده که معمولا تو پروژههای React ازش استفاده میشه و برنامه نویسی رو خیلی سریعتر میکنه. اما برای اینکه این کد قابل فهم برای مرورگر باشه معمولا از babel استفاده میکنن تا هم JSX رو بخونه و هم کدها رو قابل فهم برای مرورگرهای قدیمی تر کنه(مثلا برای مرورگرهایی که ES6 رو ساپورت نمیکنن).
برای اینکه براتون ملموس تر باشه میتونید کد بالا رو تو سایت babel بزنید تا نسخه تبدیل شدش یعنی اونی که در نهایت توسط مرورگر خونده میشه رو براتون نشون بده. کد شما این میشه:
var HelloWorldComponent = function HelloWorldComponent() {
return React.createElement(
"h1",
null,
"Hello World!"
);
};
const
رو تبدیل به var
کرده.
Arrow function رو تبدیل به تابع معمولی کرده(Function expression)
و تگ H1
که به روش JSX نوشته شده رو Parse کرده که توسط مرورگر قابل فهم باشه.
ندونستن عیب نیست، نپرسیدن چرا!