[React]map()で新しい配列を生成する

2021年10月5日

書式
配列名..map((変数名) => <p>{変数名}</p>)
map() メソッドは、与えられた関数を配列のすべての要素に対して呼び出し、
その結果からなる新しい配列を生成します。
使用例

import React from 'react';
import ReactDOM from 'react-dom';

const cftArr = ['Tokyo', 'Oosaka', 'Fukuoka'];

const cftLst = cftArr.map((item) => <p>{item}</p>)

ReactDOM.render(cftLst, document.getElementById('root'));

結果

Tokyo

Oosaka

Fukuoka