Хук эффекта useEffect дар React

Барои кор бо эффектҳо хуки useEffect истифода мешавад. Биёед ба кори он назар андозем.

Аввал хуки худро ворид мекунем:

import { useEffect } from 'react';

Компоненти App-ро месозем, ки унвонро дар бар мегирад:

function App() {
	return (
		<div>
			<h1>React App</h1>
		</div>
	);
}

export default App;

Фарз мекунем, ки баъди рандер кардан мо бояд якор амалро анҷом диҳем, масалан, ранги заминаи ҳамаи саҳифаро муқаррар кунем. Дар ин ҳолат ситемаи берунӣ DOM браузер хоҳад буд.

Хуки худро истифода мебарем:

function App() {
	useEffect(() => {
		document.body.style.backgroundColor = 'green';
	}, []);
	
	...
}

Дар параметри дуввум массив аз вобастагиҳо гузаронида мешавад. Дар он қиматҳое, ки аз функсияҳои компонент истифода мешаванд, дохил мешаванд. То ҳол мо онҳоро холӣ гузоштем. Дар ин ҳолат ранг танҳо як маротиба баъди рандер кардан ба сабз муқаррар карда мешавад. Параметри дуввумро комилан ҳазф кардан мумкин нест, зеро компоненти шумо метавонад ба ҳалқаи беохир дохил шавад.

Бо ёрии хуки useEffect title-и саҳифаро тағир диҳед.