小编ait*_*had的帖子

NavLink 精确道具不适用于 react-router-dom 6

我目前正在使用

    "react-router": "^6.0.0-beta.0",
    "react-router-dom": "^6.0.0-beta.0",
Run Code Online (Sandbox Code Playgroud)

我现在面临的 react-router-dom 的 NavLink 的问题是根路径“/”始终处于活动状态,其他路径没有问题,并且它们在切换期间处于活动状态和非活动状态,它只是根路径给我带来麻烦,我已经搜索并尝试了许多解决方案。但没有任何效果。都使用“exact”和“exact={true}”,但没有成功。

用过这个:

<NavLink
          className="iconContainer"
          exact={true}
          to="/"
          activeClassName="isActive"
        >
          <span className="menu-title">Home</span>
        </NavLink>
Run Code Online (Sandbox Code Playgroud)

还有这个:


<NavLink
          className="iconContainer"
          exact
          to="/"
          activeClassName="isActive"
        >
          <span className="menu-title">Home</span>
        </NavLink>
Run Code Online (Sandbox Code Playgroud)

过去两天我一直被困在这种情况下,仍然没有成功找到任何解决方案。任何帮助将不胜感激,谢谢

编辑:我的路线

<Routes>
 
                <Route
                    exact
                    path="order/:orderId"
                    element={<OrderDetails />}
                ></Route>
                <Route
                    exact
                    path="orders"
                    element={<Orders />}
                ></Route>
                <Route
                    exact
                    path="/"
                    element={<Home />}
                ></Route>

                
      </Routes>
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-router-dom

2
推荐指数
1
解决办法
958
查看次数

有没有办法让 next-auth 在 nextjs electro (我现在使用 Nextron 但我对任何东西都开放)应用程序中工作?

有没有办法让下一个身份验证在电子js应用程序中工作?因为我听说 API 路由和特别动态的 API 路由不适用于电子应用程序,因为在 nextjs 中,电子使用“下一个导出”进行生产构建。我在 next-js 中创建了一个项目,并使用 next-auth 与 Azure-AD 提供商进行身份验证(使用 Microsoft 帐户登录)。问题是,在开发时,电子应用程序中的一切都很好,但是一旦您创建了生产版本,动态路由就不会被调用。我试图寻找解决方案,但互联网上关于这个主题的讨论不多。

我目前正在使用 nextron,但如果有的话,我愿意接受任何事情。我唯一的限制是该应用程序应该是“nextjs”。

reactjs electron electron-builder next.js next-auth

2
推荐指数
1
解决办法
1023
查看次数