問題: ページにジャンプするボタン。disabled={true} が設定されていても、毎回ジャンプできます。
<Link
to={`${url}/create`}
className="ml20"
>
<Button disabled={true} className="createBtn" icon={<PlusOutlined />}>
Create Database
</Button>
</Link>
解決策: 無効なスタイルを設定します。
<Link
to={`${url}/create`}
className={classNames('ml20', { disabled: noReadWritePermission })}
>
<Button className="createBtn" icon={<PlusOutlined />}>
Create Database
</Button>
</Link>
.disabled,
[disabled],
button[disabled],
input[disabled] {
cursor: default;
outline: 0 none;
opacity: 0.65;
filter: grayscale(100%);
filter: alpha(opacity=40);
/* 元素永远不会成为鼠标事件的target */
pointer-events: none;
}