如果禁用，则在悬停路由器按钮时禁用指针事件

Posted 2023-02-22

【中文标题】如果禁用，则在悬停路由器按钮时禁用指针事件

【英文标题】：Disable pointer-event when hovering router button if disabled

【发布时间】：2019-10-16 21:19:53

【问题描述】：

是否可以在禁用的路由器按钮上关闭指针事件？我在路线上的状态设置为禁用，因为一些标准没有那么早满足，但仍然可以指向它并单击，即使它除了触发消息之外没有做任何事情。我需要在路线上添加css类吗？希望我不需要这样做。

<Route
      disabled=saving || ableToWork === false
      requiresValidation
      key=`$match.url/receipt`
      label=formatMessage(GeneralMessages.verify)
      loc=`$match.url/receipt`
      path=`$match.pathreceipt`
      render=() => (
        <Receipt
          ...rest
          match=match
          onCancel=this.onCancel
          onBack=this.handleOnBack
        />
      )
    />,

【问题讨论】：

"on disabled Routerbuttons" - 你的意思是什么，你的收据组件是一个按钮吗？

@JamesMorrison 不，它只是指带有一些触发它的内容的页脚。 Route 被渲染为一个带有路由的开关。

【参考方案1】：

是的，您必须为此使用 CSS。

Route 组件不处理这个：docs