JSXにおける短絡評価のための反転

逆の状況もあり得ます：条件が偽の場合にテキストを挿入し、真の場合は何もしない必要があります。これを行うには、演算子!を使用して定数を反転させる必要があります。

次の例では、hideがfalseの場合、テキストを含む段落が挿入されます：

function App() {
	const hide = false;
	
	return <div>
		{!hide && <p>text</p>}
	</div>;
}

以下のコードがあります：

function App() {
	const isAuth = false;
	
	return <div>
		<p>please log in</p>
	</div>;
}

指定されたテキスト段落が、isAuthに falseが記録されている場合にのみ表示されるようにしてください。