مثال
Display a paragraph inside an element with the id of "root":
The result is displayed in the <div id="root">
element:
نکته : Id حتما نباید root نامگذاری بشه ، منتها این یک استاندارده و بهتره به این نام باشه
هدف React ، رندر کردن HTML یک صفحه وب به روش های مختلفه
React با استفاده از تابعی به نام createRoot() و متد آن render ، میتونه HTML رو به صفحه وب رندر کنه .
تابع createRoot() یک آرگومان به صورت عنصر HTML دریافت می کنه
هدف این تابع اینه که عنصر HTML ای که قراره خروجی و کامپوننت های React در اون نمایش داده بشه رو مشخص می کنه
متد render
سپس متد render() رو فراخوانی می کنیم تا کامپوننتی رو که باید render بشه رو مشخص کنیم . اما render کردن به کجا ؟
در ریشه دایرکتوری پروژه فولدری به نام public هست که در آن فایلی به نام index.html وجود داره . در داخل بدنه این فایل یک <div> وجود داره . اینجا جایی هست که خروجی React رندر میشه
مثال
Display a paragraph inside an element with the id of "root":
The result is displayed in the <div id="root">
element:
نکته : Id حتما نباید root نامگذاری بشه ، منتها این یک استاندارده و بهتره به این نام باشه
ثبت نام نکرده اید ؟ ثبت نام رایگان