조건부 렌더링1 [React] 조건부 렌더링 렌더링에 조건을 걸어서 원하는 시점에만 컴포넌트를 렌더링하게 만들 수도 있습니다. 리액트도 당연히 자바스크립트 기반 프레임워크이므로 기존 자바스크립트 조건 문법을 이용하면 됩니다. 1. if문을 이용한 조건부 렌더링 첫번째 방법은 if문을 이용한 조건부 렌더링입니다. 우리가 알고있는 if문 용법 그대로 조건에 따라 return하는 컴포넌트를 다르게 설정하면 됩니다. const SayHello = props => { return Hello?; }; export default SayHello; const SayHi = props => { return Hi!; }; export default SayHi; import React from 'react'; import './App.css'; import SayHi.. 2021. 12. 6. 이전 1 다음 300x250
