Reactのprops

呼び出し元

<FancyBorder color="blue">

FancyBorderコンポーネント

呼び出し先

code:関数の場合は第一引数props.jsx

function FancyBorder(props) {

return (

<div className={'FancyBorder FancyBorder-' + props.color}>

// 子要素にアクセス

{props.children}

</div>

);

}

code:クラスの場合はthis.props.jsx

class HelloMessage extends React.Component {

render() {

return <div>Hello {this.props.name}</div>;

}

}

root.render(<HelloMessage name="Taylor" />);

propsには呼び出し元のHTML属性値が入ってる

.childrenを使えば呼び出し元のHTML子要素も取れる