React - uuid Library

import uuid from "react-uuid";

id: uuid()

이런 식으로 고유한 id값을 할당해줄 수 있는 라이브러리이다.

고유한 키값을 주지만 랜덤값이기 때문에 순서가 없어서 순서를 주기 위해서는 map index로 순서를 주던지 해야 된다.

값은 아래와 같이 할당된다.

비슷한 라이브러리로 uid가 있는데, uid는 인자를 받아서 그 인자로 키값을 준다.

그렇기에 같은 인자를 키값으로 줄 경우 충돌될 수가 있기 때문에 uuid를 쓰는게 요즘 메타다.

id : uid(`${todo.text} - ${todo.text.length}`)

위와 같이 쓸 수 있고.

console.log("uid()", uid(`나는야 고유한 키값`));

위와 같이 값을 할당해 준다면 아래와 같이 출력된다.