pracoding 님의 블로그

  • 홈
  • 태그
  • 방명록

2025/04/04 1

React에서 조건부 렌더링

1. && (AND 연산자) 활용-조건 && 출력할 내용 형태로 사용-조건이 true이면 && 오른쪽의 JSX가 렌더링됨-조건이 false이면 아무것도 렌더링되지 않음 ex.  function Welcome({ isLoggedIn }) {  return (          안녕하세요!      {isLoggedIn && 로그아웃}      );}  -주의할 점!&& 연산자는 false를 반환할 경우 아무것도 렌더링하지 않는다! 2. ? : (삼항 연산자) 활용-조건 ? 참일 때 실행 : 거짓일 때 실행 형태로 사용-if-else 문과 비슷하지만, JSX 안에서 바로 사용 가능 ex. function UserGreeting({ isLoggedIn }) {  return (          {isLogged..

카테고리 없음 2025.04.04
이전
1
다음
더보기
프로필사진

pracoding 님의 블로그

pracoding 님의 블로그 입니다.

  • 분류 전체보기 (30)

Tag

HTML, 코딩, CSS, JavaScript, react #리액트, 자바스크립트, 리액트, REACT, State,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바