반응형
페이지에서 이미지를 미리보기 하고 싶은 경우 사용할 수 있는 코드다
let reader = new FileReader();
if (form.values.imageUrl) {
reader.readAsDataURL(form.values.imageUrl);
reader.onloadend = () => {
setImageSource(reader.result);
};
}
비슷한 원리로 다른곳에도 적용이 가능하다
반응형
'쬬의 React' 카테고리의 다른 글
React : 리액트 작동 원리 이해하기 useState, useMemo, useCallback, react DOM (0) | 2023.08.06 |
---|---|
React : 스타일 넣어주기 styled-components 사용법 , style 에 props 전달 , 전역 스타일 설정 (0) | 2023.08.03 |
React : params 사용하기 URLSearchParams 사용법 +) npm i query-string (0) | 2023.08.03 |
React Err : npm start 안되는 오류 해결 --openssl-legacy-provider (0) | 2023.08.03 |
React : ant Design {Row, Col} 활용하기 (0) | 2023.08.03 |