[React]map()で新しい配列を生成する
書式
配列名..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'));
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'));
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