💻

スッキリコンポーネント

2021/10/01に公開
<Tabetaimono
	currey={curry}
	ramen={ramen}
	yakiniku={yakiniku}
	sushi={sushi}
/>

というコンポーネントがあったら

const tabetaimono = {
	curry: curry,	
	ramen: ramen,
	yakiniku: yakiniku,
	sushi: sushi
}

<Tabetaimono {...tabetaimono}/>

というかんじで冗長になりがちなコンポーネントをスッキリみせれるらしい

これとこのpropsは二箇所で使いたいんだけど片方にはもうちょいprops増やしたんだよな〜てときは

const sugutabetai = {
	ramen: ramen,
	yakiniku: yakiniku,
	sushi: sushi
}

const tabetaimono = {
//上のpropsを展開
	{...sugutaibetai},
	curry: curry	
}

<Imatabetaimono {...sugutabetai} />
<Tabetaimono {...tabetaimono} />

わい食いしん坊さんかよ・・・まぁそうやが

Discussion

ログインするとコメントできます