تعریف کامپوننت ها بصورت class (قسمت سیزدهم)

همانطور که در جلسات قبل توضیح داده شد دو روش برای تعریف کامپوننت ها وجود دارد.

• تعریف کامپوننت بصورت تابعی
• تعریف کامپوننت بصورت کلاس

در این جلسه نحوه تعریف کامپوننت بصورت کلاس را یاد خواهیم داد.

برای شروع واژه class را وارد کرده و نام کلاس خود را وارد می کنیم.

class Card{
    
}

برای استفاده از اجرای داده در قالب class باید از متد render استفاده کنیم.برای اینکار باید از روی متد Component که درون کلاس react قرار دارد ارث بری کنیم.

import react from 'react';
import logo from './logo.svg';

class Card extends react.Component{}

export default Card;

برای کمتر کردن کد می توانیم دستور را در هنگام import کردن با استفاده از گرفتن {Component} از کلاس react کوتاه تر کنیم.در هنگام extends کردن از روی Component به متد render دسترسی پیدا می کنیم.

مشاهده ادامه در لینک زیر:

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

سایر مطالب