1

如何将条件传递<Can />给与能力对象中的条件匹配的组件。

向我的AbilityBuilder应用程序公开权限：

AbilityBuilder.define((can, cannot) => {
  cannot('delete', 'user', { role: 2 }) // <- 2
});

应该呈现段落的组件。

<Can I="delete" a="user" of={{ role: 1 }}>
    <p>Should be visible</p> 
</Can>

如何传递对象而不是类的实例？我还没有找到任何相关信息:(

4

1 回答 1

2

这是对如何使用 CASL 的常见误解。ability.canReact也不<Can>支持这种行为。

您需要做的是了解主题名称是什么以及 CASL 如何根据传入的ability.can对象检测主题名称。这在文档中进行了解释：https ://stalniy.github.io/casl/abilities/2017/07/21/check-abilities.html#instance-checks

如果文档中的信息不够，也请阅读https://github.com/stalniy/casl/issues/59 。

还要检查示例应用程序https://github.com/stalniy/casl-react-example（有一个指向 codesanbox 的链接，因此您可以快速使用它）。Todo 应用程序使用您需要在应用程序中实现的类似用例。

最后，我创建了一个单独的增强功能https://github.com/stalniy/casl/issues/192，因此其他人将收到一条错误消息，其中包含有关错误用法和文档链接的说明。

基本上你需要定义自己的subjectName检测功能，并传递用户是这样的：

<Can I="delete" this={{ role: 1, __typename: 'user' }}>
    <p>Should be visible</p> 
</Can>

更新：typename应该是对象实例的一部分，以防止冲突（例如，当对象看起来相同或相似但类型不同时）。保持对象类型与其实例之间的一致性的最简单方法是使用类。但也有其他方法，例如 GraphQL 有__typename字段告诉客户端从服务器接收到的对象类型

更新 2：默认情况下Ability禁止做任何事情，所以你AbilityBuilder不能只包含禁止的规则。你至少需要一个允许某事做的规则。

于 2019-05-18T05:13:26.693 回答