[React] proxy props 사용하기

id, className 등등 하나하나 구조분해할당을 통해 props로 넘기게 되면 효율 성이 떨어지므로

...props를 사용하여 부모 컴포넌트에 있는 속성을 자식 컴포넌트로 넘길 수 있음.

 

1. 부모 컴포넌트

<div >
	<Section title="test title" id="test" >
    	<div>hi</div>
    </Section>
</div>

 

2. 자식 컴포넌트

export default function Section({title, children, ...props}){
	return (
    	<section {...props}>
        	<h2>{title}</h2>
            {children}
        </section>
    )
}