Залежнасці ў 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');
}

Дадзены стэйт з імем карыстальніка. Зрабіце так, каб кожны раз пры змяненні імя, значэнне стэйта запісвалася ў лакальнае сховішча браўзера.