JSX/spread演算子
#JSX
これを書くのは面倒:
code:javascript
<Foo a={a} b={b} />
なので
Javascript/shorthand property names
を使って、こう書く:
code:jsx
const props = {a, b, c}
<Foo {...props} />
// または:
<Foo {...{a, b, c}} />
これができると、こんな感じでkeyを一部書き替えなければならない場合もこんな感じに:
code:javascript
<Foo {...{apple: a, banana: b, c}}
参考:
https://zenn.dev/terrierscript/articles/2021-04-13-jsx-spread