反應導航傳播運算符

Question

我正在使用React導航，下面的示例提供了導航選項。我不知道什麼樣的傳播運營商在這裏做什麼......

class ProfileScreen extends React.Component { 
    static navigationOptions = { 
    header: (navigation, defaultHeader) => ({ 
     ...defaultHeader, 
     visible: true, 
    }), 
    } 
    ... 
}  

Answer 1

對象蔓延運營商（這是不同的陣列蔓延運營商），讓您從一個對象複製枚舉的屬性到另一個。

{ 
    ...defaultHeader, 
     visible: true, 
}, 

是創建一個新對象首先從defaultHeader對象複製值，然後添加屬性「可見」的新對象。

通過使用箭頭函數，我們避免必須鍵入函數關鍵字，返回關鍵字（它隱含在箭頭函數中）和花括號。

所以basiclly在這種情況下，頭文件的屬性指的是一個函數，它需要兩個參數並返回一個對象（注意用胖箭頭語法說明，我們不必明確添加return語句）。