Зависности у useEffect у React-у

Сада ћемо мењати боју притиском дугмета. Направићемо стејт color за боју, постављајући му почетну вредност:

const [color, setColor] = useState('green');

Замењивамо текстуалну вредност са нашим стејтом у useEffect и не заборавимо да га додамо у листу зависности у угаоним заградама. Сада ће се ефекат извршавати сваки пут када се промени стејт color:

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

Хајде сада да додамо дугме за промену боје у наш компонент:

return (
	<div>
		<h1>React App</h1>
		<button onClick={changeColor}>change</button>
	</div>
);

Додајмо и функцију руковаоца кликом, која ће мењати нашу боју у наранџасту:

function changeColor() {
	setColor('orange');
}

Дат је стејт са именом корисника. Направите да се сваки пут при промени имена, вредност стејта упише у локално складиште прегледача.