조건부렌더링

React의 조건부 렌더링을 사용하는 6가지 방법

0. 조건부 렌더링과 초기 코드 리액트를 배울 때 state를 배우자마자 익혀야 할 것이 있습니다. 바로 "조건부 렌더링" (Conditional Rendering)입니다. 특정 값에 따라서 다른 컴포넌트를 그리고 싶을 때 사용하는 방법으로, 웹 상에서 여러 방법을 확인할 수 있습니다. 글을 작성할 기본 코드는 아래와 같습니다. App.js import React, { Component } from "react"; import "./App.css"; class App extends Component { constructor(props) { super(props); this.state = { isLoggedIn: true, }; } render() { return ( 조건부 ..