Reactでの条件分岐 4つの方法のメモ - Qiita

はじめに Reactでの条件付きレンダリングの方法のメモです。 目次 returnするJSXを分岐 変数にJSXを格納 もう少し短く!! これで最後!! まとめ 1. returnするJSXを分岐 stateを条件に、判定してJSXをそのままreturnしてあげる方式 import React, { Component } from 'react' export default class Greeting extends Component { constructor(props) { super(props); this.state = { isMorning: true }; } render() { if (this.state.isMorning) { return <h2> Good Morning Tom</h2> } else { return <h2> Hye ! Tom