Здравейте всички!
Мир и благословия може да паднат върху вас. Знаем, че React JS е много популярна Javascript библиотека сред разработчиците през годините. Ако искате да създадете функционален компонент по ефективен начин, тази статия е за вас.
Така че, нека скочим в него.
Тук, в тази статия, ще се опитам да дам по-лесния начин за създаване на функционален компонент в React стъпка по стъпка.
Стъпка 1: Отворете своя терминал и въведете npx create-react-app my-app. След това създайте папка и я наименувайте като components в папката src.
Стъпка 2:Отново създайте папка и я наименувайте PrintSomething в папката component. След това създайте javascript файл и го наименувайте като PrintSomething.js в папката PrintSomething. Тук трябва да използвате главна буква в началото на името. Трябва да знаете каква е конвенцията за именуване на папката в React.
Стъпка 3: Сега напишете кода за импортиране на React от React във файла PrintSomething.js.
Стъпка 4: Тук можете да създадете функция със стрелка с помощта на Javascript (ES6). Трябва да знаете каква е конвенцията за именуване на функцията. Не забравяйте да експортирате функцията като експортиране по подразбиране.
Обозначение на функцията стрелка на Javascript ES6:
return_type function_name(props) {
return ‹›‹/›;
}export default function_name;
Стъпка 5: Тогава нека напишем малко JSX(JavaScript XML) синтаксис в блока за връщане на функцията PrintSomething. И това ще бъде вашият функционален компонент в React JS.
Това е всичко, което трябва да направите. Ако се сблъскате с някакъв проблем, свържете се с мен na [email protected]
Ще получите кода в моя профил в Github като хранилище.
БЛАГОДАРЯ ВИ МНОГО, ЧЕ ПРОЧЕТЕХТЕ СТАТИЯТА.
„Преглед на кода в Github“
