JSX用の If文コンポーネントを作ったらすごく便利だった - Qiita

ReactのJSXには直接条件式を書くことはできないので、ある要素の表示を条件で切り替えるときには、埋め込み式の中で条件分岐を書かないといけません。 以下の例は、タブで表示画面を切り替える画面のために実装していたコードです。あまり見やすくありません。 { app.pageIs(5) ? ( <div> <SupportMethodComponent app={app} support_method={data.support_method} /> <StudentSupporterComponent app={app} student_supporter={data.student_supporter} /> </div> ) : null } { app.pageIs(6) ? ( <div> <StudentOtherActivityComponent app={app} other_

[watanabeyu]

地味に便利

[uehaj]

自分なら&&で結んでしまうかも