Эта статья — мой способ оживить как React Hooks, так и методы жизненного цикла компонентов, так что давайте начнем….

  1. useState() :useState не относится к CLC (жизненный цикл компонента), но используется для создания состояния и функции изменения состояния в функциональном компоненте в ответных хуках. вращается вокруг состояния компонентов и рендеринга. Каждый раз, когда состояние изменяется, компонент отображается соответствующим образом.
  2. useEffect():useEffect() часто используется в реагирующем приложении, поскольку оно обслуживает основные CLC для компонента. Чтобы лучше понять это, давайте рассмотрим несколько случаев использования useEffect().

3 варианта использования useEffect() для эффективной имитации CLC

  1. componentWillMount() выполняет определенную задачу, когда компонент отрисовывается и еще не монтируется в DOM/родительском компоненте.
  2. componentDidMount()выполняет определенные задачи после монтирования компонентаполностью и завершения рендеринга всех дочерних компонентов.
  3. componentShouldMount()отображает компоненты условно, если возвращено значение false, компонент не будет отображаться после изменения состояния, если возвращено значение true, он будет отображаться. мы используем хук useMemo() для той же цели. useMemo() запоминает компонент или данные, и их можно использовать без изменений во всем компоненте, если условия для useMemo() неверны.

Итак, это связь между хуками и методами жизненного цикла компонентов. Я предпочитаю использовать хуки, а не CLC, но, поскольку официальное сообщество React также заставляет вас использовать хуки, это всегда хороший выбор, чтобы оставаться функциональным вместо Классический (ical).

Спасибо :)