Зависимости в 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');
}

Дадено е състояние с потребителско име. Направете така, че всеки път, когато името се променя, стойността на състоянието да се записва в локалното хранилище на браузъра.