如何在主要反应中将动态菜单显示为灰色

问题描述

我正在填充来自后端的react菜单。我正在使用反应路线进行导航。我想在其中一个显示为灰色的同时将它们填充在屏幕中。我使用了两个CSS类，其中第一类是banking-supplies-content，它基本上在进行格式化，并且我也在尝试应用CSS禁用链接 禁用菜单中的指针，我想禁用，但是它对我不起作用。下面是代码

return (
<div className="banking-supplies-content">
   <HashRouter>
    <Route 
    exact path="/retail-banking"
    />
    <Route
      exact
      path="/journal"
      component={BankingSuppliesJournalListing}
    />
    <Route exact path="/report" component={BankingSuppliesReport} />
    <Route exact path="/invoiceSearch" component={LocationInvoiceSummarySearch} />
   <div className="disable-link">
   <Route exact path="/invoiceCreate"/>
   </div>           
    {/* <Route exact path="/" component={BankingSuppliesHome} /> */}
  </HashRouter>
  <ShowSpinner showSpinner={bankingSuppliesContextReference.showSpinner} />
  
</div>
  );
};

我曾经用过的

css

.banking-supplies-content {
  margin: 20px;
}
.disable-link{
 pointer-events: none;
}

我正在使用disable属性将其变灰，但它不起作用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）