[React.js] 配列・オブジェクトのループ表示

配列ループ

const items = [1,2,3,4,5]
return (
  <div>
    <ul>
      {items.map((item) => (
        <li>{ item }</li>
      ))}
    </ul>
  </div>
);

オブジェクトループ

const items = {
  1: "ピカチュウ",
  2: "リザードン",
  3: "カイリュー",
  4, "ゲンガー",
  5: "カビゴン",
  6: "ギャラドス"
}
return (
  <div>
    <ul>
      {Object.keys(items).map(key => (
        <li key={key}>
          {items[key]}
        </li>
      ))}
    </ul>
  </div>
);