[React] 조건부 렌더링

🐣 이번 시간에는 조건부 렌더링에 대해서 알아보겠다. 🐣 조건부 렌더링이란? 조건부 렌더링: 특정 조건이 참인지 거짓인지에 따라서 다른 결과를 보여주는 것을 말한다. 조건부 렌더링을 사용하는 가장 쉬운 방법은 삼항 연산자를 사용하는 것이다. (삼항연산자-> 조건식 ? 참 : 거짓) function App() { return ( ); } 위와 같이 App 컴포넌트에서 Hello 컴포넌트의 props로 isSpecial을 true로 추가한다. true도 자바스크립트 값이기 때문에 중괄호 안에 적어주었다. function Hello({name,color, isSpecial}){ return ( {isSpecial ? ⭐ : null} {name}님 안녕하세요. ) } 이렇게 isSpecial의 값이 있는지 물..

2021.04.19