ReactでElement returnする時につまづいたところメモ

配列を使ったElement生成+別のコンポーネントを同時にreturnする場合

returnを「（）」ではなく「[]」で囲んで配列で返す必要あり

return [
  [1, 2, 3].map((value, i) => {
    <div>{value}</div>
  }),
   <AnyComponent></AnyComponent>
]

ネストした配列からElementを生成する場合

ネストした配列の呼び出し前後にreturnを書く必要あり

return (
  [1, 2, 3].map((value, i) => {
    return (
      [1, 2, 3].map((value2, i) => {
        return (<div key={i}>{value2}</div>)
      })
    )
  })
)