http://stackoverflow.com/a/41640566/2177408

As you know...are calledspread operatorwhich the name represents it allows an expression to be expanded.

var parts = ['two', 'three'];  numbers 'one'...parts'four''five' // ["one","two","three","four","five"]

And in this case(I'm gonna simplify it).

//just assume we have an object like this: person{ name:'Alex' age 35}

This:

<Modal {...person} title='Modal heading' animation{false} />

is equal to

name{person.name}age{person.age} So in short,it's aneatshort-cut,we can say.