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