React - defaultProps

import React from 'react';

function Hello({color, name}){
    return <div style={{
        color: color
    }}>안녕하세요 {name}</div>;
}

Hello.defaultProps = {
    name : '이름없음'
};

//Hello라는 Component를 만들어서 내보내 주겠다
export default Hello;

 

import React from 'react'
import Hello from './Hello'

function App() {
  return (
    <>
    <Hello name="react" color="red"/>
    <Hello color="pink"/>
    </>
  );
}

export default App;

 

 

defaultProps은 기본 값으로 셋팅해주는 prop, 

prop을 따로 지정해주지 않으면 기본값으로 설정해둔 prop이 전달된다.