🐩

(React)propsの渡し方

2022/04/09に公開

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