Разница между React.FunctionComponent и React.SFC

В чем разница между React.FunctionComponent и React.SFC. Я новичок в машинописи, и на самом деле я не знаю, когда использовать один над другим. например, при использовании реагирующих хуков я должен использовать только React.FunctionComponent, потому что я использую какое-то состояние внутри своего компонента.

reactjs typescript

15.02.2019 11:11

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

6 358

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

React.SFC (что означает функциональный компонент без сохранения состояния) — это псевдоним для React.FunctionComponent.

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

15.02.2019 11:23

Они такие же, просто одна более новая терминология. Взгляните на определения, они оба являются псевдонимами для одного и того же определения:

type SFC<P = {}> = FunctionComponent<P>;
type FC<P = {}> = FunctionComponent<P>;

да, это правильно, я посмотрел на источник кода, и они упомянули, что React.SFC устарел из-за новых хуков React: /** * @deprecated as of recent React versions, function components can no * longer be considered 'stateless'. Please use `FunctionComponent` instead. * * @see [React Hooks](https://reactjs.org/docs/hooks-intro.html) */ type SFC<P = {}> = FunctionComponent<P>;

— 15.02.2019 11:44

15.02.2019 11:23