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:
