解构后如何返回空值？答案

【问题标题】：How to return a null value after destructuring?解构后如何返回空值？
【发布时间】：2019-09-10 04:16:05
【问题描述】：

我正在尝试根据用户的权限显示和隐藏文本，该权限从具有名称、电子邮件等的用户对象中销毁。

我已尝试将权限数组设置为空值，但仍然无法正常工作

<User>
    {({
      data: {
        me: { permissions = "" }
      }
    }) => (
      <div>
        {permissions === null && <p>Welcome stranger</p>}
        {permissions === "USER" && <p>welcome dear user</p>}
        {permissions === "ADMIN" && <p>Welcome Dear Admin</p>}
      </div>
    )}
  </User>

【问题讨论】：

你能包含一些代码来显示你在做什么吗？你的描述充其量是模糊的
您将权限设置为"" 而不是null ...所以检查"" 或设置为null .... permissions array 在哪里我看不出来数组
这是我的graphql在后端的样子type User { id: ID! name: String! email: String! permissions: [Permission!]! cart: [CartItem!]! }
在我的前端我使用用户组件查询这些数据

标签： javascript object ecmascript-6 ternary-operator destructuring

【解决方案1】：

您将permissions 设置为""，因此请检查"" 和 null，或将permissions 设置为null。

第一个选项：

{(permissions === null || permissions === "") && <p>Welcome stranger!</p>}

第二个选项：

me: { permissions: null }

【讨论】：