کامپوننت های React تحت طراحی اپلیکیشن در مشهد را برای رایا پارس نرم افزار خویش استعمال می‌کنیم.
CountryCard- این در واقعیت اسم، حوزه و درفش مرز و بوم داده گردیده را ارائه می‌دهد.
Pagination- این دربردارنده منطق بدون نقص ساخت، ارائه و چرخش صفحه ها در در اختیار گرفتن کاغذ بندی میباشد.
ادامه دهید و فهرست components را باطن دایرکتوری src نرم افزار ساخت‌و‌ساز فرمائید تا کلیه کامپوننت ها در آن مکان گیرند.
استارت نرم افزار
با اجرای امر تحت با yarn نرم‌افزار را آغاز فرمایید:
yarn start
اکنون نرم افزار شروع گردیده است و میشود گسترش را استارت کرد. دقت داشته باشید که تب مرورگر با کوشش live reloading برای شما گشوده گردیده تا درحین بسط چنانچه تغییراتی بوجود آوردید هم‌زمان تاثیرش را مشاهده کنید. درین مرحله، نمای اپلیکیشن می بایست مانند اسکرین شات تحت باشد.
کامپوننت CountryCard
فولدر نو CountryCard.js را در فهرست src/components ساخت کرده و کد پایین را اضافه نمایید.
import React from \'react\';
import PropTypes from \'prop-types\';
import Flag from \'react-flags\';
const CountryCard = props => {
const { cca2: code2 = \'\', region = null, name = {} } = props.country || {};
return (
{ name.common }
{ region }
)
}
CountryCard.propTypes = {
country: PropTypes.shape({
cca2: PropTypes.string.isRequired,
region: PropTypes.string.isRequired,
name: PropTypes.shape({
common: PropTypes.string.isRequired
}).isRequired
}).isRequired
};
export default CountryCard;