Reactでpropsを渡すときに使う「...」ドット3つ

render() {
 const obj = {
            a:1,
            b:2
        }

 return (
 <Component {...obj} />
 )
}

なんか気持ち悪いなと思ったらjsx(React.jsでhtmlをつくること）特有の書き方らしい。
以下のようにして書くのと同じこと。
（訂正 2019.11.10　これはスプレッド構文というJavaScriptの機能で、Reactは特有の書き方ではありませんでした。kouhe1さんご指摘ありがとうございます。）

render() {
 const obj = {
            a:1,
            b:2
        }

 return (
 <Component a={1} b={2} />
 )
}

ひとつひとつpropsを定義してあげて渡すか、
オブジェクトを展開してあげてまとめて渡すかの違い。