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 。