Hopp til innhold

use­Previous­Value

Lagrer forrige verdi av en variabel, for sammenligning ved neste render.

Kom i gang

Se oversikten for hvordan installere pakken.

Live demo

usePreviousValue
Visning
Tema
Tetthet
const [state, setState] = React.useState(Math.floor(Math.random() * 20 + 1));

const previousValue = usePreviousValue(state);



return (

  <section>

    <p className="jkl-body jkl-spacing-l--bottom">

      Nåværende verdi: {state}

      <br />

      Forrige verdi: {previousValue ?? "undefined"}

    </p>

    <button

      className="jkl-button jkl-button--primary"

      onClick={() => setState(Math.floor(Math.random() * 20 + 1))}

    >

      Rull d20

    </button>

  </section>

);

React API

Her finner du en oversikt over props på komponentene i pakken.