조건부 렌더링 (1) 썸네일형 리스트형 React(리액트): 조건부 렌더링 조건부 렌더링이란, 특정 조건이 참인지 거짓인지에 따라서 다른 결과를 보여주는 것을 의미한다. App.js function App() { return ( ); } App 컴포넌트의 4번 줄에서 Hello 컴포넌트에게 isSpecial을 넘겨준다. * isSpecial={true}를 그냥 isSpecial로 바꾸어도 결과는 동일하다. Hello.js import React from "react"; function Hello({ color, name, isSpecial }) { console.log(name, color); return ( {isSpecial ? * : null} 안녕하세요 {name} ); } Hello.defaultProps = { name: "이름없음", }; export default.. 이전 1 다음
