Блог

Я заполняю меню в react, которое выходит из серверной части. Я использую маршрут 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, чтобы сделать его серым, но оно не работает.