요청 처리 중입니다...

[React] Rendering(조건별 Rendering)

2022-06-14 14:04:10

조건별로 랜더링 하는 예시 소스 import React from 'react'; // 첫 번째 문자는 대문자 // 컴포넌트는 항상 함수를 반환해야 한다. const Loading = () => Loading... // 조건별로 랜더링 // 단일상태로 로딩 상태일 경우만 출력되는 컴포넌트 class LoadingConponent extends React.Component { constructor(props) { super(props) this.state = { // 로딩이 되기 전 loading : false } } render() { const { loading } = this.state return ( { /* 조건별 페이지 랜더링 */ loading && // Loading일 경우에만 출력 } ) } } 해당 소스는 constructor의 this.state 값 중 loading을 최초 false로 주고 그 조건에 따라 다른 ...

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

원문 링크 : [React] Rendering(조건별 Rendering)

등록된 다른 글

[node] Moment.js 적용

[HTML] 표(1) - table, tr, th, td

[PS4] () 용과같이4 : 전설을 잇는 자

[여의도 / 국회의사당 점심] 미전 오징어

[정보] 개인사업자 모바일 손택스(홈택스) 세금계산서 발행하기(아이폰)

엑스박스 게임 패스 얼티밋 저렴하게 구독하기(2022.11.10 기준)