کار با propTypes

مدرس : حسام موسوی
زمان این قسمت : 13:50

برای دسترسی به این قسمت نیاز است عضو سایت باشید و وارد سایت شوید
توضیحات

در این جلسه روش اعتبار سنجی props ها در Component رو با استفاده از قابلیتی به اسم propTypes به شما آموزش میدم تا شما بتونید به سادگی مقادیری که از component ها دریافت میکنید رو اعتبار سنجی کنید . 

آموزش ReactJs زمان کل دوره : 06:30:42
1
معرفی ReactJs رایگان
12:45
3
آشنایی با JSX رایگان
18:30
19:04
5
کار با props رایگان
15:50
30:40
30:57
12
کار با propTypes رایگان
13:50
13
07:31
14
21:06
15
15:15
17
کار با mixin ها رایگان
11:07
19
16:53
14:26

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش پروژه محور React Native تکمیل شده

React native یک فریم ورک جاوا اسکریپت برای ساختن برنامه های موبایلِ native است. این فریم ورک از فریم ورکِ React استفاده می کنه و APIها و کامپوننت های...

آموزش کامل Angular تکمیل شده

Angular 4 یکی از پرطرفدارترین فریم‌ ورک‌های Open Source جاوا اسکریپت هست که برای ساخت انواع اپلیکیشن های تحت وب بکار میره. تیم Google که روی این پروژه...

آموزش پروژه محور و کامل Vuejs 2 تکمیل شده

در این دوره 2 Vuejs بصورت کامل و پروژه محور از سطح مقدماتی تا سطح پیشرفته بصورت پروژه محور به شما آموزش داده خواهد شد ، بصورتی که شما بعد از طی کردن ا...

آموزش 1 Vue.js تکمیل شده

vuejs یک فریمورک جاوا اسکریپت است ، که زمان زیادی از معرفی آن نمی گذرد اما طی همین زمان ، دارای محبوبیت خیلی زیادی شده است این محبوبیت به دلیل آسان تر...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
Saeed | 1 ماه پیش

سلام

propTypes توی نسخه جدید React انتقال پیدا کرده به یک پک جدا با اینکه نصب و طبق ساختاری که گفته تغییرات رو اعمال کردم ولی هیچ خطایی مبنی بر اینکه نباید اعتبار سنجی انجام شده و دیتای وجود ندارد ، یا نوع تایپ اشتباه می باشد دریافت نکردم

https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes

حسام موسوی | 1 ماه پیش

خوب قاعدتا درست پیاده سازی نکردینش

Saeed | 1 ماه پیش

پیاده سازی خاصی رو نمی طلبه پک مورده نظر رو نصب و لود کردم React رو هم از اول اعتبار سنجی ها برداشتم

// Before (15.4 and below)
import React from 'react';

class Component extends React.Component {
render() {
return

{this.props.text}
;
}
}

Component.propTypes = {
text: React.PropTypes.string.isRequired,
}

// After (15.5)
import React from 'react';
import PropTypes from 'prop-types';

class Component extends React.Component {
render() {
return
{this.props.text}
;
}
}

Component.propTypes = {
text: PropTypes.string.isRequired,
};

حسام موسوی | 4 هفته پیش

بله منم با این موضوع اشنام منظور این بود که شما قاعدتا یک عمل رو انجام ندادین که به مشکل خوردید ظاهرنا که کدتون مشکلی نداره

AREZOO | 7 ماه پیش

با سلام . آموزش هاتون خیلی متفاوت و کاربردی و عالیه . سپاس از زحماتتون