고유한 id 생성

박서현·2023년 8월 27일
post-thumbnail

패키지 설치

npm cuid2

  • install 클릭하면 복사 됨
  • 터미널에 입력한다

import

import { createId } from '@paralleldrive/cuid2'; 추가

사용하기

  const clickAddButtonHandler = () => {
    //id 랜덤값으로 자동 부여
    const newList = {
      id: createId(),
      title,
      body,
      isDone: false
    }
    //newList 투두리스트 추가 (제목, 내용 비어있으면 alert 띄우기)   
    if (title.length !== 0 && body.length !== 0) {
      setList([...list, newList])
      setTitle("")
      setBody("")
    } else {
      alert('빈 칸을 채워주세요')
    }
  }

0개의 댓글