React native 反应导航扩展操作员

React native 反应导航扩展操作员,react-native,navigation,react-navigation,React Native,Navigation,React Navigation,我正在使用React导航,下面的示例提供了导航选项。我不知道spread操作员在这里做什么 class ProfileScreen extends React.Component { static navigationOptions = { header: (navigation, defaultHeader) => ({ ...defaultHeader, visible: true, }), } ... } 对象扩展

我正在使用React导航,下面的示例提供了导航选项。我不知道spread操作员在这里做什么

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

对象扩展运算符(与数组扩展运算符不同)用于将可枚举属性从一个对象复制到另一个对象

{
    ...defaultHeader,
      visible: true,
},
正在创建一个新对象,首先从defaultHeader对象复制值,然后将属性“visible”添加到新对象

通过使用arrow函数,我们避免了必须键入function关键字、return关键字(它在arrow函数中是隐式的)和花括号

因此,基本上,本例中的header属性指的是一个函数,它接受两个参数并返回一个对象(请注意,如fat arrow语法所述,我们不必明确地添加return语句)