Reactのchildrenに関するめも

childrenが複数あるときに別処理やらdivやらかませたいときは Array.isArray(children)

↓はSwiper含んだコンポーネント作って、childrenにSwiperSlideつかいたかったときにやった

{Array.isArray(children) ? (
  children.map((child, index) => (
    <SwiperSlide key={`slide - ${index}`}>{child}</SwiperSlide>
  ) )
) : (
  <SwiperSlide>{children}</SwiperSlide>
  )
}

https://ja.javascript.info/currying-partials

カリー化はおぼえておくとよさそう。部分適用を簡単にしやすくするやつ

Reactのchildrenの数によってうにゃうにゃしたいときは React.Children.count(children) でchildrenの数がとれる