javascript - 如果“不能”，CASL 渲染子组件

Question

@casl/react如果用户“不能”做某事，我如何显示子组件？

我问这个问题是因为如果用户未经授权但处于禁用状态，我仍然想渲染一个组件。

例子：

我想做的事：

<Cannot do="update" on="style">
    <button disabled={true}> Update </button>
</Cannot>

score 0 · Accepted Answer

<Can>支持not道具：

<Can not do="update" on="style">...</Can>

score 0 · Accepted Answer

忘了我只能检查能力

<button disabled={!abilities.can('update', 'style')}> Update </button>

2 回答 2