آموزش رایگان برنامه نویسی، گرافیک، سئو و ....
ویژگی Props در ری اکت (قسمت دوازدهم)
بعد از ساخت کامپوننت ها باید اطلاعاتی را درباره نحوه عملکرد props بدست بیاوریم. با استفاده از props میتوان در خارج از component اطلاعاتی را در قالب attr به درون کامپوننت خود ارسال کنیم.
کامپوننت شما چه بصورت کلاس چه بصورت تابع قادر است مقادیر props را دریافت و استفاده کند.
نام خصوصیت میتواند هر نامی باشد و مقدار برای آن تنظیم شود. به کامپوننت card زیر توجه کنید.
مثال:
import logo from './logo.svg';
import './App.css';
import Card from "./Card"
function App(propes) {
return (
<div className="App">
<header className="App-header">
<Card title="title is one card" body="this is one body" />
</header>
</div>
);
}
export default App;
نحوه دریافت props درون کامپوننت از نوع تابعی
مشاهده ادامه در لینک زیر:
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
مطلبی دیگر از این انتشارات
تعریف کامپوننت ها بصورت class (قسمت سیزدهم)
مطلبی دیگر از این انتشارات
آشنایی با ساختار فایل ها در ری اکت (قسمت ششم)
مطلبی دیگر از این انتشارات
تعریف کامپوننت به روش تابعی یا functional component (قسمت یازدهم)