如何在解构后返回空值？

Question

我试图根据用户的权限显示和隐藏文本，该权限是从具有名称，电子邮件等的用户对象中删除的。

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

<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>

Answer 1

你将permissions设置为""，所以要么检查""和null，要么将permissions设置为null。

第一种选择：

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

第二种选择：

me: { permissions: null }