CASL渲染子组件，如果'cannot‘

Question

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

我之所以问这个问题，是因为如果用户未被授权，但处于禁用状态，我仍然希望呈现一个组件。

示例：

我想做的是：

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

Answer 1

忘了我只能检查能力了

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

Answer 2

<Can>支持not prop：

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

https://github.com/stalniy/casl/blob/master/packages/casl-react/README.md#3-property-names-and-aliases