react useRef []에서 특정 dom을 가지고 오고 싶어요

Question

useRef를 써서 특정 dom을가지고와서 스크롤 인투뷰로 해당 스크롤로 이동시키려고하는데.map에서 index만 받아오는데 왜 5개다 출력되는지모르겠습니다.1개의 특정 dom을 받아 올 수 있는 방법이궁금합니다.

moonti · Answer

사용법이 틀리셔서 .. 저 리스트를 들고 있으려면상위엘리먼트에 걸어주셔서 사용하시고그게 아니라면 객수만큼 ref가 만들어져야 할것 같습니다

페코옹 · Answer

nav에 있는 메뉴를 클릭하면 헤당 섹션으로 이동하는거죠?그럼 저렇게 하시말고 moonti님 말씀처럼 이렇게 하세요.import React from "react";import "./styles.css"; export default function App() { const refs = React.useRef([]); const handleClick = (idx) => { refs.current[idx].scrollIntoView(); }; return (

{["a", "b", "c", "d"].map((el, idx) => (

(refs.current[idx] = ref)}>{el}

))}

);}

react useRef []에서 특정 dom을 가지고 오고 싶어요

2개의 답변

#dom 목록