ES6アレイメソッドを反応させる

配列メソッド

JavaScriptの配列メソッドはたくさんあります。

Reactで最も役立つものの1つは、.map()配列メソッドです。

この.map()メソッドを使用すると、配列内の各項目に対して関数を実行し、結果として新しい配列を返すことができます。

Reactでは、map()リストを生成するために使用できます。

例

配列からアイテムのリストを生成します。

const myArray = ['apple', 'banana', 'orange'];

const myList = myArray.map((item) => <p>{item}</p>)