요청 처리 중입니다...

[React] 이미지 업로드, custom hook, 페이지 이동, props 관련 정리

2023-09-02 13:32:17

1. 이미지 업로드 const onClickImageUpload = useCallback(() => { imageInput.current.click(); }, [imageInput.current]); 이미지 업로드 2. hook으로 저장하여 커스텀 훅으로 사용 여기서 거의 핸들러 빼고 setter만 넣어서 value와 setter만 리턴하는 경우로 많이 쓴다. import { useState, useCallback } from 'react'; export default (initValue = null) => { const [value, setter] = useState(initValue); const handler = useCallback((e) => { setter(e.target.value); }, [...

# customhook # 이미지업로드 # 리액트 # useref # useinput # useCallback # setter # replace # react # push # props # prop # 프론트엔드

원문 링크 : [React] 이미지 업로드, custom hook, 페이지 이동, props 관련 정리

등록된 다른 글

[React] Crypto로 암호화하기

[React] Suspense(ft. React v18) 변경사항 제대로 알기

[React] 페이지 이동시 스크롤 최상단에 위치하기

[React] props 개념 다지기

[광주] 블로그 체크인 챌린지 #1 나만의 자주 가는 동네 카페

[React] useMemo()와 React.memo, useCallback() 비교하기