Käyttötarkoitus
Käytä usePrevious
-hookia, kun tarvitset propin tai tilan edellistä arvoa.
Esimerkki
function UsePreviousExample() {
const [counter, setCounter] = useState(0);
const prevCounter = usePrevious(counter);
return (
<>
<Button onClick={() => setCounter(counter + 1)}>Kasvata laskuria</Button>
<div className="kds-mt-6">
<p>
Nykyinen arvo: <kbd className="kds-ml-2">{counter}</kbd>
</p>
<p>
Edellinen arvo: <kbd className="kds-ml-2">{prevCounter}</kbd>
</p>
</div>
</>
);
}