React OnClick windows.location.href 不起作用

Question

我正在努力修复简单的 onClick 并通过单击 DropdownItem。每当我单击 DropdownItem 时都没有任何反应。任何提示和建议将不胜感激！

然后我想重定向的路径：

<Route path='/Sales-Ops-Diagnostic/Price-Mismatch' element={<MainComponent/>}/>

这是我的代码：

<CSSTransition
    in={activeMenu === 'Quote & Order Analysis'}
    timeout={500}
    classNames="menu-secondary"
    unmountOnExit
    onEnter={calcHeight}>
    <div className="menu">
      
      <DropdownItem goToMenu="Sales Ops Diagnostic" leftIcon={<ArrowIcon />}>
        <h3>Quote & Order Analysis</h3>
      </DropdownItem>
      <DropdownItem onClick={()=> window.location.href='/Sales-Ops-Diagnostic/Price-Mismatch'} leftIcon="">AMER Quote & Order</DropdownItem>
      <DropdownItem leftIcon="️">EMEA Quote & Order</DropdownItem>
      <DropdownItem leftIcon="">APJ Quote & Order</DropdownItem>
    </div>
  </CSSTransition>

Answer 1

您需要使用 React Router 重定向到另一个页面。 这是文档：https://reactrouter.com/docs/en/v6/getting-started/tutorial

我建议你这个post，有几种方法可以做到：