Notice
Recent Posts
Recent Comments
Link
250x250
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- useEffect
- first-child
- redux toolkit
- react
- javascript React
- Redux store
- 카우치코딩
- redux 사용방법
- toString
- foreach
- 콜백함수
- 인라인블럭
- useSearchParams
- 협업프로젝트
- JavaScript
- react redux
- sort
- 자바스크립트배포
- line-through
- javascript코딩테스트
- React state
- Redux
- 6주포트폴리오
- couchcoding
- useParams
- JSON
- db.json
- 블럭요소
- 자바스크립트
- React onClick
Archives
- Today
- Total
개발하는 루루언니
React : {id:'고유한값'} 을 uuid를 이용해서 줘보기✨ 사용법 본문
728x90
반응형
uuid
https://www.npmjs.com/package/uuid
uuid
RFC4122 (v1, v4, and v5) UUIDs. Latest version: 9.0.0, last published: 4 months ago. Start using uuid in your project by running `npm i uuid`. There are 50265 other projects in the npm registry using uuid.
www.npmjs.com
1. 터미널 설치
npm install uuid
2. 원하는 버전 import 하기
import { v4 as uuidv4 } from 'uuid';
위의 코드처럼 import 해주면 된다.
3. 코드 사용해보기
{id:uuidv4(),text,status:'active'}
내가 사용할 id : 값에 uuidv4( ) 입력하면?
콘솔창 component 에서 확인을 해보면 랜덤의 uuid가 들어간걸 확인할 수 있다.
728x90
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
| React : api key 이용방법과 사용방법 (0) | 2023.01.06 |
|---|---|
| 리액트 : Redux -devtools-extension (0) | 2023.01.05 |
| React : TodoList 만들기 1탄 : 리스트 보여주기 (0) | 2022.12.28 |
| React : Redux Toolkit 활용해보기 (0) | 2022.12.28 |
| React : combineReducer :reducer 여러개를 합쳐보기 (0) | 2022.12.28 |
'컴퓨터 정보/리액트' Related Articles
more
