코드를 다 작성했다면 토글 버튼을 눌러보세요. 버튼을 눌렀을 때 Box 컴포넌트가 사라지나요?

▲ 그림 2-13 사라진 컴포넌트

두 번째 방법은 && 연산자를 사용하는 것입니다. 기존 삼항연산자를 사용해 구현한 코드를 다음 코드로 대체해보세요.

{visible && <Box rounded={true} size="large" color="blue" />}

앞으로 조건부 렌더링할 때는 이 두 방법 중에서 마음에 드는 방법을 택해 구현하면 됩니다. 두 번째 방법의 코드가 더 짧기 때문에 이 책에서는 조건부 렌더링할 때 주로 두 번째 방법을 사용합니다.