与 return 一起使用的 Javascript Spread Operator

Question

我对这里如何使用展开运算符感到困惑。我对传播运算符的工作原理有基本的了解，但我对传播运算符指的是什么、如何使用它以及它提供什么感到困惑。 “userCanDecline”const 是从上述调用中检索到的 bool 值。如果我可以提供有关我共享的内容的更多信息，请告诉我。

return [
                ...(userCanDecline
                    ? [
                          {
                              label: 'Decline Draw',
                              icon: 'ban',
                              action: () => (el, ev) => {
                                  Service.decline(this.onCloseView);
                              },
                          },
                      ]
                    : [])

Answer 1

当对象或数组中的所有元素都需要包含在某种列表中时，可以使用扩展语法。

let arr1 = [0, 1, 2];
const arr2 = [3, 4, 5];
arr1 = [...arr1, ...arr2];

在您的问题中，发生的事情是检查 userCanDeclined 的值是否为真，如果是，则返回一个数组，其中散布了下面的数组(将其值复制到新返回的数组中)

 [
  { 
    label: 'Decline Draw',
    icon: 'ban',
    action: () => (el, ev) => {
           Service.decline(this.onCloseView);
        },
   }
  ]

否则，如果为假，传播或复制一个空数组

  []