1. 程式人生 > >spread與react

spread與react

我們寫react元件的過程中會遇到這個

我們知道react中的{},瀏覽器會知道說是以js的形式進行解析出來。那麼怎麼解析...props呢?
這個就涉及到es6中的擴充套件運算子了,我們先看下面的一些執行結果



上面程式碼中,array.push(...items)和add(...numbers)這兩行,都是函式的呼叫,它們的都使用了擴充套件運算子。該運算子將一個數組,變為引數序列。
由於擴充套件運算子可以展開陣列,所以不再需要apply方法,將陣列轉為函式的引數了。


當然還有一些例子比如


由以上的一些特性其實我們大概也能夠猜到react元件中...props的意思,但其實這也複合頂層父元件中的屬性,傳遞給子元件,子子元件的特性。props是一個數據的集合,...props將這個資料的集合進行打散,使用的時候,可以從props中進行取。