反应导航传播运算符

Question

我正在使用 React 导航，以下示例是为导航选项提供的。 我不知道点差运算符在这里做什么...

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

Answer 1

对象展开运算符(不同于数组展开运算符(允许您将可枚举属性从一个对象复制到另一个对象。

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

是创建一个新对象，首先从 defaultHeader 对象复制值，然后将属性"可见"添加到新对象。

通过使用箭头函数，我们避免了键入函数关键字、return 关键字(它隐含在箭头函数中(和大括号。

所以基本上在这种情况下，header 属性指的是一个函数，它接受两个参数并返回一个对象(注意，如胖箭头语法所述，我们不必显式添加 return 语句(。