销毁后如何返回空值?

时间:2019-04-20 01:39:48

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

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

我尝试为权限数组设置一个空值,但是它仍然不起作用

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

1 个答案:

答案 0 :(得分:0)

您正在将permissions设置为"",因此请检查"" null,或将permissions设置为null

第一个选项:

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

第二个选项:

me: { permissions: null }