ویژگی Props در ری اکت (قسمت دوازدهم)

بعد از ساخت کامپوننت ها باید اطلاعاتی را درباره نحوه عملکرد props بدست بیاوریم. با استفاده از props میتوان در خارج از component اطلاعاتی را در قالب attr به درون کامپوننت خود ارسال کنیم.

کامپوننت شما چه بصورت کلاس چه بصورت تابع قادر است مقادیر props را دریافت و استفاده کند.

نام خصوصیت می‌تواند هر نامی باشد و مقدار برای آن تنظیم شود. به کامپوننت card زیر توجه کنید.

مثال:

import logo from './logo.svg';
import './App.css';
import Card from &quot./Card&quot
function App(propes) {
  return (
    <div className=&quotApp&quot>
      <header className=&quotApp-header&quot>
        <Card title=&quottitle is one card&quot body=&quotthis is one body&quot />
      </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


سایر مطالب

https://virgool.io/ReactTutorial