Luonnos
useResizeObserver
React Hook HTML-elementin koon muutosten tarkkailuun.
Käyttötarkoitus
Käytä useResizeObserver-hookia kun haluat tarkkailla tietyn HTML-elementin leveyden tai korkeuden muutoksia. Toteutus perustuu ResizeObserveriin(Avautuu uuteen välilehteen).
Hook tarkkailee suorituskykyisesti HTML-elementin koon muuttumista, joten se toimii kaikissa tilanteissa, joissa elementin koko voi muuttua.
Ruudunkoon tarkkailuun voi käyttää useMediaQuery-hookia.
Esimerkit
Muuta ikkunan kokoa siten, että laatikon koko muuttuu tai zoomaa sisältöä niin arvot päivittyvät.
Elementin korkeuden tai leveyden muutosten seuraaminen
Funktion kutsuminen elementin korkeuden tai leveyden muuttuessa
Koon muuttuessa voidaan kutsua myös parametrina annettavaa onResize-funktiota.
Huomioitavaa selaintuessa
- useResizeObserver käyttää ResizeObserveria elementin koon tarkkailuun. Lue lisää: ResizeObserver(Avautuu uuteen välilehteen)