요청 처리 중입니다...

[React] 조건부 렌더링(Rendering)

2022-06-14 14:04:08

조건부 렌더링(rendering)이란? 특정 조건이 참인지 거짓인지에 따라 다른 결과를 보여주는 것 먼저 App.js의 Hello 태그 안에 isSpecial을 작성한다. import React from 'react'; import Hello from '.

/Hello'; // 현재 자신의 디렉토리에 있는 Hello 컴포넌트를 불러옴 import Wrapper from './Wrapper'; function App() { return ( {/* true 또한 Javascript 값이기 때문에 중괄호로 감싸야 한다 */} ); } export default App; Hello.js 컴포넌트로 이동하여 아래 소스를 작성한다.

해당 소스는 삼항연산자를 활용하여 isSpecial 값의 true/false 에 따라 * 표시를 하...

# javascript # react # reactjs # rendering # 렌더링 # 리액트 # 조건 # 조건부 # 조건부랜더링

원문 링크 : [React] 조건부 렌더링(Rendering)

등록된 다른 글

[Javascript] String 문자 검사 (startsWith, includes, endsWith)

[옥길동 맛집] 블리스 버거 옥길점

[PS4 / PS5] PSN 스페셜 카탈로그 9월 추가 리스트 라인업 공개

용과 같이 유신! 극이 2023년 2월 22일 발매될 예정입니다.

XBOX 게임패스 2023년 1월 2차, 2월 게임 리스트 공개

2023년 1월 PS4 PS5 플스 게임 순위 (북미, EU 스토어 다운로드)