TIL[3/21/2022] - 2주차 Day 1
data && data.fetchProfile * data가 '참'이면, data.fetchProfile 렌더 *
data || data.fetchProfile * data가 '거짓'이면, data.fetchProfile 렌더 *
data ?? data.fetchProfile * data가 null 또는 undefined 일 때 data.fetchProfile 렌더 *
< 실무용 폴더구조 >
1. Container(Javascript = 기능) / Presenter 패턴(JSX = UI)
< Props >
Props: 부모컴포넌트가 자식컴포넌트에게 물려주는 변수/함수
- 컴포넌트를 2개로 나누면서 데이터와 가능의 연결고리가 끊어지게 된다!
=> 이를 props가 연결해주게 되며, props는 부모가 가지고 있는 변수, 함수를 자식한테 물려주는 것 이다!!
컴포넌트를 2개로 나누면서 데이터와 기능의 연결고리가 끊어지게 됩니다.
이를 props가 연결해주게 되며, props는 부모가 가지고 있는 변수 , 함수를 자식한테 물려주는 것
=========================================================
< Nullish - coaslescing >
=> null과 undefined 일때만 렌더해주는 연산자이다.
ex)
// data가 null 또는 undefined 일 때 data.fetchProfile 렌더
data ?? data.fetchProfile
Author And Source
이 문제에 관하여(TIL[3/21/2022] - 2주차 Day 1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@mango1004/TIL3212022-2주차-Day-1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)