💻
スッキリコンポーネント
<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