反应 OnClick window.location.href 不起作用答案

【问题标题】：React OnClick windows.location.href does not work反应 OnClick window.location.href 不起作用
【发布时间】：2022-01-21 01:46:32
【问题描述】：

我正在努力修复简单的 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>

【问题讨论】：

标签： reactjs onclick href window.location

【解决方案1】：

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

我建议你这个帖子，有几种方法可以做到：Programmatically navigate using React router

【讨论】：

谢谢！通读它并设法通过使用另一种称为“useNavigate”的方法来解决它
不客气！