javascript - 更改路线 onClick 的 div react

Question

我需要将 React 中的导航组件包装在充当链接/a 的 div 中(我已经在导航项中嵌套了一个 <a></a>，并且可以在其中嵌套另一个 <a></a>。我需要重新路由用户点击这个充当包装器的最外层 div 到新路线。我有多个导航部分，想使用类似 onClick={this.handleNavClick(newRoute)} 的东西，但没有任何成功。我正在控制台记录正确的 linkPath 但没有点击时发生。

这是我的功能:

  handleNavClick(linkPath) {
    console.log(linkPath)
    let currentPath = window.location.pathname;
    currentPath =  window.location.linkPath;
  },

这是我尝试从导航部分重新路由的示例:

 getNavItem() {
        const currentPath = window.location.pathname;
        const reportPath = "/reporting";

        return (
          <div onClick={this.handleNavClick(dashboardsPath)}>
            <li id="nav-item-view" className={ classNames({"active": currentPath === reportPath}, "sidebar-item")}>
              <div className="active-carat"></div>
            </li>
          </div>
        );
      },

Answer 1

你应该尝试这样的事情:

   onClick={() => {this.handleNavClick(dashboardsPath)}}