[React] 기초 정리 - 조건부 렌더링
조건부 렌더링이란? ✅ 특정 조건에 따라 다른 결과물을 렌더링 하는 것 Hello 컴포넌트를 통해 실습 ✅ isSpecial이라는 props를 받도록 구현 ✅ isSpecialdl true면 '특별한' 이라는 글자가 노출되고 false면 비노출되게 처리 cf) JSX에서 null, false, undefined 값을 렌더링하게 되면 아무것도 나타나지 않게 된다. 삼항연산자를 사용한 방법 ✅ 삼항연산자는 주로 특정 조건에 따라 보여줘야하는 내용이 다를 때 사용한다. // Hello.js export default function Hello({ isSpecial }) { return ( {isSpecial ? 특별한 : null} Hello!!!!!!! ); } &&연산자를 사용한 방법 ✅ 이처럼 내용이 달..
Programming/React
2023. 5. 30. 17:28
