Reactで条件分岐をする３パターン

1

{ flag && <p>trueの場合</p> }

2

{ flag ? <p>trueの場合</p> : <p>falseの場合</p> }

3

{(() => {
        if (flag === true) {
            return <p>trueの場合</p>;
        } else {
            return <p>falseの場合</p>;
        }
    })()}