React - defaultProps

Moolbum·2022년 2월 24일
0

React

목록 보기
12/23
post-thumbnail

props 받아오기

React에서 props를 받아오는 방법은 간단합니다.
아래 코드는 구조분해할당을 통해 props를 받아오는 코드입니다.

const Footer = ({name, age}) => {
  return(
  	<p>{name}</p>
  	<p>{age}</p>
  );
};

defaultPropsf 란?

값이 없는 props를 받으면 undefined가 출력되고 에러가 생길수 있습니다.
이 때 defaultPropsf 메서드는 props의 기본값을 지정해주는
메서드를 사용해 볼 수 있습니다.

const Footer = ({name, age}) => {
  return(
  	<p>{name}</p>
  	<p>{age}</p>
  );
};


Footer.defaultProps = {
    name: 'moolbum',
    age:29,
  };

하단에 defaultPropsf를 선언 해주는 방법과
props를 받을때 사용 할 수 있습니다.

const Footer = ({name="moolbum", age=29}) => {
  return(
  	<p>{name}</p>
  	<p>{age}</p>
  );
};
profile
Junior Front-End Developer 👨‍💻

0개의 댓글