defaultProps

---

 props를 따로 지정해주지 않아도 기본값 으로 전달 해줍니다.

 

---

Why ?

 

리액트에서는 태그 사이에 props를 넣어 값을 전달합니다. 

ex)  <Hello name={'World'}/>
	 <MyComponent list={props.any}/>

 

props가 전달되지 않을 경우, 기본 값 을 지정해 사용할 수 있습니다. 

★ 예기치 못한 오류를 사전에 예방할 수 있습니다. 

 

How ?

 

1. 컴포넌트 밖 에서 지정

 

defaultProps 를 지정해주기 위해서는 컴포넌트명.defaultProps= {} 로 선언 하여 사용할 수 있습니다.

ex)

import React from 'react'

export default const Hello = () =>{
    ``````````````````
    ``````````````````
}

Hello.defaultProps = {
    name:"초기값"
}

 

2. 컴포넌트 안 에서 지정

 

defaultProps 를 지정해주기 위해서는 static defaultProps = {} 로 선언 하여 사용 할 수 있습니다. 

★ 클래스형 에서만 가능합니다.

ex)

import React, { Component, Fragment } from 'react'

export default class Hello extends Component {

    static defaultProps = {
        name:"초기값"
    }

    ``````````````````
    ``````````````````
}

 

" 객체 안에 여러 개의 defaultProps 를 선언 할 수 있습니다. "