条件付きレンダリングを簡潔に書きたい

通常

code: .jsx

// isLoggedIn ? が true か false かで表示させるコンポーネントを出し分ける

<div>

{isLoggedIn ? (

<AdminPanel />

) : (

<LoginForm />

)}

</div>

code: .jsx

// isLoggedIn が trueの時だけ、 <AdminPanel /> を返す

// isLoggedIn が falseの場合は何も返さない)

<div>

{isLoggedIn && <AdminPanel />}

</div>