React에서 여러 태그를 루프 돌려야할 경우 key 적용하는 방법

React에서 여러 태그를 루프 돌려야할 경우 key 적용하는 방법

<ul>
    {list.map(o, i) => (
        <React.Fragment key={i}>
            <li>{o.name}</li>
            <li>{o.date}</li>
        </React.Fragment>
    )}
</ul>