이미지 가져오기
import diceblue01 from './assets/dice-blue-1.svg';
function Dice() {
return <img src={diceblue01} alt='주사위' />;
}
export default Dice;
- 위 코드와 같이 image태그를 import한 후, img태그의 src에 넣어서 사용해야한다.
- img태그의 src에 바로 경로를 작성하면 화면에 이미지가 그려지지 않는다.
'React' 카테고리의 다른 글
React - 데이터 다루기 (0) | 2023.10.20 |
---|---|
React - state, react가 render하는 방식 (1) | 2023.10.18 |
React - component and props (0) | 2023.10.16 |
React - jsx문법 (1) | 2023.10.16 |
React - 개발 환경 세팅(MAC), 프로젝트 생성 및 실행하기 (1) | 2023.10.16 |