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