React では以下のような「...」(ドット3つ)の記法を時々見かけます. render() { return <Counter {...this.state} /> } Spread Attributes これは,Spread Attributes という JSX の記法です. facebook.github.io 子の Component へ props を渡す場合,Spread Attributes を用いると,以下のように書き換えられます. 1つずつ渡す場合 const props = { foo: "foo", bar: "bar" }; render() { return <Child foo={props.foo} bar={props.bar} /> } Spread Attributes を用いて渡す場合 const props = { foo: "foo", bar: