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가 기록된 경우에만 주어진 텍스트 단락이 표시되도록 만드세요.