iOSエンジニアのつぶやき

毎朝8:30に iOS 関連の技術について1つぶやいています。まれに釣りについてつぶやく可能性があります。

【React】動的にコンポーネントを追加するには

ボタンタップ時などに、動的にフォームを追加する方法がわからなかったので簡単にメモ。

結論

JSXでは{ }で囲んだコードは、JavaScriptとして認識されるので、動的にコンテンツを追加したい場合は下記のように記述することができます。

public render() {
  return (
    <div>
      {hogeItems.map((key, _index) => {
        <HogeItem key={key}>
      })}
    <div>
  )
}

てな感じで本日も以上となります🍺

その他の記事

yamato8010.hatenablog.com

yamato8010.hatenablog.com

yamato8010.hatenablog.com