Käyttötarkoitus
Käytä useIsFirstRender-hookia tarkistamaan onko kyseessä komponentin ensimmäinen renderöintikerta. Se palauttaa arvon true vain ensimmäisellä kerralla.
Esimerkki
function UseIsFirstRenderExample() {
const [value, setValue] = useState(0);
const isFirstRender = useIsFirstRender();
const renderCount = useRef(0);
const handleOnClick = () => {
setValue(value + 1);
renderCount.current = renderCount.current + 1;
};
return (
<>
<Text>
Onko ensimmäinen renderöinti: <strong>{isFirstRender ? "kyllä" : "ei"}</strong>
<br />
Komponentti on päivittynyt <strong>{renderCount.current}</strong> kertaa.
</Text>
<Button appearance="outline" onClick={handleOnClick}>
Päivitä komponentti
</Button>
</>
);
}