Описание тега react-functional-component

Описание тега Вопросы с тегом

Функциональные компоненты в React — это простые функции JavaScript, которые используются в качестве компонентов React. У них есть доступ к функциям компонента через хуки. Используйте этот тег для вопросов, касающихся использования или поведения функциональных компонентов. Не используйте этот тег, если вопрос просто использует их, но не спрашивает о них конкретно.

Функциональные компоненты (также известные как функциональные компоненты или компоненты без сохранения состояния) — это функции JavaScript, которые используются в качестве компонентов. По сути, это функции рендеринга (их возвращаемое значение определяет, что рендерит компонент).

Они получают реквизит в качестве аргумента.

Это пример функционального компонента:

      function HelloWorld({ color }) {
  return <div style={{ color }}>Hello World!</div>;
}

ReactDOM.render(
  <HelloWorld color="blue" />, 
  document.body
);

Функциональные компоненты называются не имеющими состояния, потому что они не имеют привязанного к ним экземпляра компонента, но с добавлением хуков они также имеют доступ к состоянию, побочным эффектам фазы фиксации и т. д.

Поскольку хуки нельзя использовать с компонентами класса, функциональные компоненты имеют несколько иные функции и варианты использования, и они не всегда взаимозаменяемы с компонентами класса.

Официальная документация: Компоненты и реквизиты