Функціональний компонент — це один із способів створення компонентів у програмі React. Функціональні компоненти React.js допомагають створювати компоненти інтерфейсу користувача у функціональний і більш стислий спосіб. У цій статті ми дізнаємося про функціональні компоненти в React, різні способи виклику функціонального компонента, а також навчимося створювати функціональні компоненти. Ми також продемонструємо використання хуків у функціональних компонентах

Зміст

• Функціональні компоненти в React:
• Способи виклику функціональної складової:
• Проблема з використанням функціональних компонентів
• Перевага використання гаків у функціональних компонентах

Функціональні компоненти в React:

Функціональні компоненти ReactJS це деякі з найпоширеніших компонентів, які трапляються під час роботи в React. Це просто функції JavaScript. Ми можемо створити функціональний компонент у React, написавши функцію JavaScript. Ці функції можуть отримувати або не отримувати дані як параметри. У функціональних компонентах повертається значення коду JSX для відтворення в дереві DOM.

Способи виклику функціональної складової:

Ми можемо викликати функції в javaScript іншими способами:

1. Викличте функцію, використовуючи ім’я функції та круглі дужки.

// Example of Calling the function with function name followed by Parentheses function Parentheses() {  return (; }; const PropsExample = () =>{ // const [зміна, setChange] = useState(true);  const [зміна, setChange] = useState(false);  return ( setChange(!change)}> Натисніть тут! {change ? ( 'Ласкаво просимо на techcodeview.com' /> ) : ( 'Комп'ютерний науковий портал для гіків' /> )} ); }; експорт за замовчуванням PropsExample;Крок запуску програми: відкрийте термінал і введіть таку команду.  npm start Вихід: відкрийте браузер, і наш проект буде показано в URL-адресі http://localhost:3000/>