Conditional-rendering

HSKwon·2022년 5월 23일
0

"Conditional-rendering"

  • 조건부 렌더링이라고도 하며 삼항연산자, if else 구문등으로
    특정 조건을 만족하면 컨포넌트의 렌더링을 다르게 구현하는 방식이다.
  • 페이지와 코드를 줄이며 일부분만 렌더링 함으로서 페이지를 꾸밀수 있는
    SPA(Single Page Application)을 지향한다.

데이터가 있으면 앞에걸 보여주고, 데이터가 없으면 뒤에걸 보여준다

"옵셔널 체이닝"


data && data.fetchBoard.writer 써주는게 귀찮기 때문에

data?.fetchBoard.writer 라는 문법이 나옴(옵셔널체이닝)

"3항 연산자"

data가 있으면 data.fetchBoard.contents를 보여줌

data가 없으면 “조금만 기다려주세요…”를 보여줌

profile
공부한 내용이나 관심 있는 정보를 글로 정리하며 익숙하게 만들고자 합니다.

0개의 댓글