React TIL - props와 shortcut

 

props를 줄 수도 있고, (properties)

안 줄 수도 있는데, 안 주면서 사용하는 방법은

→ ({ 해당 프로퍼티 이름 }) 이렇게 사용하는 거임..!! // es6 방법

 

코드로 표현하자면:

// 기본 방식 (props)

const Btn = (props) => {
	return(
    	<button>{props.text}</button>
    )
}

//-------------------------------------

// shortcut 방식 ({ text })
const Btn = ({ text }) => {
	return (
    	<button>{text}</button>
    )
}

const App = ()=>{
	return (
    	<Btn text='potato'/>
    )
}