Reactを学習していて、子コンポーネントにpropsを渡す際に{...todo}
という表記があったので疑問になって調べた。
オブジェクトに使う場合
配列のみで使用できると思っていたスプレッド演算子だが、オブジェクトの中身を展開するためにも使用できることを知った。
以下の出力結果はどちらも同様。
const hoge = {a: 1, b: 2}
console.log(hoge)
// > Object { a: 1, b: 2 }
console.log({...hoge})
// > Object { a: 1, b: 2 }
ECMAScript 2018(ES9)からの新機能とのこと。