Как вернуть нулевое значение после деструктуризации?

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 }