[React] 리액트 ref 객체 여러개 만들기
반응형
정의 ▼
import { createRef } from 'react';
// 함수 컴포넌트 본문
const entriesRef = useRef(FILTER_LIST.map(() => createRef<HTMLDivElement>()));
사용 ▼
// 함수 컴포넌트 리턴문
FILTER_LIST.map((name, i) => <div ref={entriesRef.current[i]}>{name}</div>);
글 수정사항은 노션 페이지에 가장 빠르게 반영됩니다. 링크를 참고해 주세요
반응형
'🪄 Programming' 카테고리의 다른 글
| [React] useInfiniteQuery + IO API 사용시 무한 렌더링 문제 해결 (0) | 2024.05.09 |
|---|---|
| [TS] 타입스크립트 두 종류의 키(key) 타입을 받을 때 객체 접근하기 (0) | 2024.05.08 |
| [Next.js] document is not defined 오류 해결 방법 (0) | 2024.05.08 |
| [TS] @ts-ignore, @ts-expect-error 타입스크립트 주석 차이점 (0) | 2024.05.08 |
| [JS] 다국어를 고려하여 문자열의 첫 글자를 대문자로 만들기 (0) | 2024.05.08 |
댓글
이 글 공유하기
다른 글
-
[React] useInfiniteQuery + IO API 사용시 무한 렌더링 문제 해결
[React] useInfiniteQuery + IO API 사용시 무한 렌더링 문제 해결
2024.05.09 -
[TS] 타입스크립트 두 종류의 키(key) 타입을 받을 때 객체 접근하기
[TS] 타입스크립트 두 종류의 키(key) 타입을 받을 때 객체 접근하기
2024.05.08 -
[Next.js] document is not defined 오류 해결 방법
[Next.js] document is not defined 오류 해결 방법
2024.05.08 -
[TS] @ts-ignore, @ts-expect-error 타입스크립트 주석 차이점
[TS] @ts-ignore, @ts-expect-error 타입스크립트 주석 차이점
2024.05.08