본문 바로가기
✘✘✘ React

[React] useId():: 컴포넌트 별 고유한 아이디 생성

by PrettyLog 2023. 4. 8.

import { useId } from 'react-id-generator';

function List({ items }) {
  const id = useId();

  return (
    <ul id={id}>
      {items.map((item, index) => (
        <li key={item.id}>{item}</li>
      ))}
    </ul>
  );
}

function App() {
  const items = ['Item 1', 'Item 2', 'Item 3'];
  return <List items={items} />;
}

댓글