Различия

Показаны различия между двумя версиями страницы.

--- xuk_useeffect [2024/03/11 19:52]
tro
+++ xuk_useeffect [2024/03/14 19:06] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Хук useEffect ======
+Хук що стежить за станом якоїсь змінної і якщо модуль монтуєтся, оновлюєтся або розмонтовуєтся - то виконуєтяс функція.
+  * Реакція на монтування: useEffect( ()=>{},[]);
+  * Реакція на монтування і зміну якоїсь змінної: useEffect( ()=>{},[perem1,perem2]);
+  * Реакція на демонтування компонентиии: useEffect( ()=>{return()=>{}},[]);
 Кожен раз, коли змінюється стан clicks, компонент оновлюється. Це означає, що ми можемо використовувати хук useEffect, який буде, наприклад, змінювати заголовок HTML-документа.
- <code>
+<code>
+  useEffect(() => {опис подій},[массив за чим слідкуємо]);
+</code>
+<code>
 import { useState, useEffect } from "react";
@@ Строка 25: / Строка 32: @@
   * Другий аргумент (deps) - це масив залежностей ефекту. Коли будь-яка з цих залежностей змінюється, ефект буде викликаний і виконувати callback. Це може бути стан, пропси або будь-яке локальне значення всередині компонента.
   * Хук useEffect не повертає жодного значення як результат своєї роботи, а лише запускає виконання анонімної функції. Іншими словами, неможливо виконати в середині функції обчислення і повернути їх у зовнішній код. Ефекти не призначені для цього!
+  * Для спрацбвання рии розмонтуванні компоненти - в хуку треба додати "**return()=>{...дії...}**"