spread与react

我们写react组件的过程中会遇到这个

我们知道react中的{}，浏览器会知道说是以js的形式进行解析出来。那么怎么解析...props呢？
这个就涉及到es6中的扩展运算符了，我们先看下面的一些运行结果



上面代码中，array.push(...items)和add(...numbers)这两行，都是函数的调用，它们的都使用了扩展运算符。该运算符将一个数组，变为参数序列。
由于扩展运算符可以展开数组，所以不再需要apply方法，将数组转为函数的参数了。


当然还有一些例子比如


由以上的一些特性其实我们大概也能够猜到react组件中...props的意思，但其实这也复合顶层父组件中的属性，传递给子组件，子子组件的特性。props是一个数据的集合，...props将这个数据的集合进行打散，使用的时候，可以从props中进行取。