如果“不能”，CASL 渲染子组件答案

【问题标题】：CASL render child component if 'cannot'如果“不能”，CASL 渲染子组件
【发布时间】：2018-11-24 20:45:45
【问题描述】：

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

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

例子：

我想做什么：

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

【问题讨论】：

【解决方案1】：

忘了我只能检查能力

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

【讨论】：

【解决方案2】：

<Can> 支持not 道具：

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

【讨论】：