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} />;
}
'✘✘✘ React' 카테고리의 다른 글
[React] 자주 변경되는 컴포넌트 최적화: style (0) | 2023.07.14 |
---|---|
React Life cycle: 언제 state 하면 안 될까? (0) | 2023.04.08 |
댓글