1.特定の名称をつけて渡す
親
<Component color=“red” message=”A” />
子
const Component = (props) =>{
const Style = {
color: props.color
};
return <p style=Style> {props.message}</p>;
};
2.props.childrenを使う方法
<Component>A </Component>
コンポーネントで挟んだらprops.childrenとして間の文字Aを渡せる
return <p>{props.children}</p>****
Discussion