faker라는 npm이다.
페이커 프로게이머 페이커말고...
https://www.npmjs.com/package/faker
npm install -s faker
입력하면 설치가 된다.
사용 방법은 다음과 같다.
1. import를 해준다.
import faker from "faker";
2. 이미지에 src에서 faker를 불러주면 끝!
<img src={faker.image.avatar()} alt="random test image" />
이렇게하면 img에 이미지가 나오게 된다.
avatar()대신 사용할 수 있는 목록은 위 링크에 있으니 필요한 것을 적용하면 된다.
웹에서 갖고 오는 것이므로, 리프레시(F5)를 하게되면 이미지는 계속 바뀐다.
이상.
'개발 > React' 카테고리의 다른 글
[React] 개발 시, HTML 태그가 적용되지 않을 때 해결 방법 (0) | 2020.07.19 |
---|---|
[React] 리액트 쓸때 기본적인 컴포넌트 코드 자동 완성 패키지 (0) | 2020.07.19 |
[React] 리액트 JSX에서 HTML 자동완성(emmet) 적용하기 (1) | 2019.09.21 |
[React] 리액트에서 컴포넌트 간 데이터의 전달 방법은 어떻게 될까? (0) | 2019.02.17 |
[React] prop-types 적용 시 에러 발생 - TypeError: Cannot call a class as a function (1) | 2019.02.17 |