728x90
300x250
function Example({ isActive }) {
return (
<button className={isActive ? 'active' : 'inactive'}>
Click Me
</button>
);
}
isActive가 true이면 class="active", false이면 class="inactive" 적용
728x90
반응형
'Front-end > React' 카테고리의 다른 글
조건부로 여러 요소 렌더링하기 (0) | 2025.01.06 |
---|---|
리액트 null을 활용해서 아무것도 렌더링 되지 않도록 하기 (0) | 2025.01.05 |
리액트에서 인라인 조건이란? (1) | 2025.01.03 |
엘리먼트 변수로 조건부 렌더링 효율적으로 구현하기 (0) | 2025.01.02 |
조건부 연산자 주의사항과 자세한 예시 (0) | 2025.01.01 |
댓글