재우니의 블로그



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 은 <태그>내용</태그> 양쪽 태그 글 내용에 표현됩니다.