What do these three dots in React do?

Question

What does the ... do in this React (using JSX) code and what is it called?

Answer 1

Spread Attributes used to Pass the multiple Properties in a Simple Way

{ ... this.props } is Holding the property of this.props

Use of the { ... } Spread Operator with below props

this.props = 
 { 
    firstName: 'Dan', 
    lastName: 'Abramov', 
    city: 'New York',
    country: 'USA' 
}

Without { ... } Spread

With { ... } Spread

Dan Abramov's Tweet about Spread operator (Creator of Redux)