본문 바로가기 메뉴 바로가기

개발 공부

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발 공부

검색하기 폼
  • 분류 전체보기 (117)
    • CSS (11)
    • HTML (21)
      • 요소 (9)
    • 서버 (11)
    • Tool (1)
    • Network (9)
    • Javascript (15)
      • Node.js (3)
      • React (12)
    • Servlet (23)
    • JSP (17)
    • JQuery (2)
    • Spring (7)
  • 방명록

조건부 렌더링 (1)
[React] 조건부 연산자

- JSX 내부의 JS 표현식에서 if문을 사용할 수는 없다.- 히지만 조건에 따라 다른 내용을 렌더링해야 할 때는 JSX 밖에서 if문을 사용하여 사전에 값을 설정하거나,  { } 안에 조건부 연산자를 사용하면 된다.- 조건부 연산자의 또 다른 이름은 삼항 연산자이다. function App() { const name = '리액트'; return ( {name === '리액트'?( 리액트입니다. ) : ( 리액트가 아닙니다. )} );}export default App; - name 변수의 값이 '리액트' 인 경우에는 '리액트입니다.' 를 화면에 출력하고, name 변수의 값이 '리액트'가 아닌 경우 '..

Javascript/React 2025. 3. 6. 21:29
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • script element
  • 네트워크
  • 서브넷팅
  • FMT
  • Java Server Page
  • el
  • CSS 속성
  • 내장객체
  • 스프링
  • javaserverpage
  • 미들웨어
  • a 태그
  • Servlet
  • httpServletRequest
  • html css
  • 제이쿼리
  • Network
  • nodejs
  • 세션
  • Session
  • Spring MVC
  • 리액트
  • Redux
  • HTML
  • Binding
  • Spring
  • JSP
  • 서블릿
  • CSS
  • react
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바