Typescript 中的“用户”类型不存在属性“角色”

Question

我是Typescript的新手。我在meteor有一个项目，与typescript和javascript反应。

如果当前用户具有管理员角色，我有一个按钮可以看到。 我的代码是

{Meteor.user() && Meteor.user()?.roles && ["admin"].includes(Meteor?.user()?.roles) && 
    <Button onClick={handleClick}>Go to SMS Room</Button>
}

不知道Meteor.user()的查看器，会返回当前用户的 object。

我收到类似属性“角色”在类型“用户”上不存在的错误

谁能告诉我该怎么做以及如何消除错误？

Answer 1

默认的 Meteor user集合不包含角色。 alanning:roles 的第 2 版以这种方式实现了角色，这可能就是您正在使用的。

您将需要声明一个具有 roles 属性的类型，然后 Typescript 会很高兴与您合作。

您可能需要将用户记录放入一个（类型化的）变量中，假设它是currentUser ，然后在您的 if 语句中引用currentUser.roles而不是Meteor?.user()?.roles 。