reactjs - Typ för React useRef som riktar sig mot en scroll

Jag har en useRef som riktar sig mot en div för att få åtkomst till scroll-egenskapen. Vilken typ kommer den att ha för en scroll.

kod:

const scrollRef = useRef<any>(null);

const onClickScroll = (scrollOffset: any) => {
    scrollRef.current.scrollLeft += scrollOffset;
  };

//some code

return(

<div className={styles.book__container} ref={scrollRef}>
//some code
</div>
)

Jag försökte använda men det fungerar inte.

Svar #1

försök

const scrollRef = useRef<HTMLDivElement>(null);

Om du inte vet vilken typ det är kan du hålla musen över ref

Svar #2

HTMLDivElement | null det verkar:

const scrollRef = useRef<HTMLDivElement | null>(null);

Du kanske också vill använda bara HTMLDivElement så att du inte behöver spamma ! överallt.