Reactтеги эффект хугу useEffect

Эффекттер менен иштөө үчүн 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 хугунун жардамы менен барактын тайтлын өзгөртүңүз.