React 의 props 활용하기 - codepen

https://codepen.io/shimjaewoon/pen/xzOowp?editors=1010

<div id="root" />;

class Codelab extends React.Component{

render(){

return(

<div>

<h1>hello {this.props.name}</h1>

<div>{this.props.children}</div>

</div>

);

}

}

class App extends React.Component{

render(){

return(

<Codelab name={this.props.name}>{this.props.children}</Codelab>

);

}

}

ReactDOM.render(<App name='develop'>luckshim</App>,document.getElementById('root'));

react 에서 props 를 활용한 방법입니다. "this.props.속성"을 의미하며, this.props.children 은 <태그>내용</태그> 양쪽 태그 글 내용에 표현됩니다.