我想将默认路由设置为主页并且我正在使用 react router v5 但它不起作用，我正在尝试这种方式， 索引.js 在这里，其他路由正在工作，如关于、联系和主页，但默认路由不会重定向到主页。 路由.js 导航栏.js HomyLayout.js 提前致谢..... Lorem ipsum d ...
我的根App组件如下所示： isAuthenticated的问题在于，在用户登录之前首次加载应用程序时，其值为false 。 这是有道理的，因为用户还没有登录。 问题是，当他登录时， App组件没有再次挂载（显然），也没有获得isAuthenticated为true的更新存储状态。 因 ...
我收到这个错误 我已经阅读了该网站的其他答案。 就像有人说把浏览器路由器放在 index.js 中。我试过了，但它不工作。它显示相同 这是我的主文件 app.js，它是一个 api project.im，使用我在函数中的导航。 您可以检查我的提交句柄功能。我将我的导航 function 放在 if ...
大家好，我用电影数据库 api 制作电影应用程序。 当路由详细信息页面我检查反应路由器道具 match.params 并使用 axios 获取数据时： 路由器 例子： http://localhost:3000/movie/detail/524434 http://localhost:3000/ ...
我正在设计一个带有表单组件的网站，该组件根据表单提交是否没有错误重定向到“失败”或“成功”组件。 这是我正在使用的代码：await axios .post('/api/patients/', data, axiosConfig) .then((response) => { h ...
我正在制作一个 web 应用程序，该应用程序具有一个对其所有页面都有效的主 header 和一个第二个 header ，该应用程序对于起始页面应该不同，并且仅在那里。 具体来说，主要的 header 只是应用程序的标题和登录/用户配置文件按钮，第二个 header 显示了一些链接。 现在问题来了：开 ...
滚动恢复向上滚动页面的 8/10，但不是一直滚动。 不确定我的 ScrollToTop 组件是否有缺陷，或者我是否在 App 组件中错误地使用了路由和切换标签。 下面分别是 ScrollToTop 和 App 组件。 ...
我有这个大问题。 我为汽车零部件市场开发了一个 Gatsby 网站。 用户可以选择汽车型号和零件类型，并收到一个页面，其中包含他们特定汽车的零件。 我使用 React Route 动态创建新路径和调用数据的 API：https:/mysiteAPI.com/{car.id}/{part.id} ...
我目前的情况是我的App.js文件中有我的主要父路由/开关，但在App.js文件中的路由中，我有另一个组件也有它自己的<Router>和调用的路由/开关设置另一个名为<MyJobComponent />组件我设置的文件层次结构如下： 在这里，该组件在AllJobs.js级别呈 ...
请参阅沙箱。 我有这个代码： 期望/items是默认路由。 Items正在加载可用物品的链接： 单击项目链接后，我希望 url 中包含该项目，并呈现Item 。 url是/items ，所以一切都应该适合Switch呈现： 但是，它停留在/items ，甚至不再呈现Items组件。 ...
我需要主页的 react-router-dom 中的多个嵌套路由 --- 首页 --- 第 1 页 --- 第 2 页 --- 关于 我有包含两个子的主页，活动类将根据路径 Home/HomeNested 工作，这是我的要求。 但它适用于主页在页面加载时处于活动状态，如果我单击嵌套主页页面，主页活 ...
我有一个代码模式，我知道它不会起作用，但我无法推理出来。 对于上面的代码，当你点击按钮时，function应该等待 2 秒，然后转换到 newRoute。 这不会发生。 单击按钮时没有任何反应。 我不确定我是否理解其背后的原因。 理想情况下，await 应该在 2 秒后解决，并且应该调用 histo ...
希望你做得很好。 我有一个关于反应路由的问题。 我在 app.js 文件中一一定义了 5 个组件，并为其创建了路由，如 app.js 文件所示，并为此创建了 header 以及 header.js 文件中所示的路径。 但问题是，当我点击 header 中定义的第 4 个组件时，焦点应该靠近第 4 ...
我是 React js 的新手。 我正在实现抽屉（material-ui），所以当用户点击左侧菜单（LeftMenu.jsx）时； 相应的组件应该在中心渲染（即 MainContent.jsx） 不幸的是，我收到以下错误： Error: Invariant failed: You should no ...
我可以试试这个代码行； 但它不会在页面上显示错误组件。 我发现了一件事，哪一个在开关的顶部。 它正在显示。 例子： ...
这个组件正在映射一个数组，我通过 onClick 在另一个 function 中传递数组的索引，在控制台之后我得到了 Object。 而且我真的不知道... 这是组件 在这里我通过索引 请参阅我得到的 object 的图像在此处输入图像描述 ...
有没有办法在 react-router v6 中使用功能组件外部的 useNavigate() 挂钩？ 我正在尝试在传奇 function 中使用导航（url）。 我知道在 v4 中我们可以这样做： 我们可以通过 useNavigate() 钩子在 react-router v6 中执行类似的外部 ...
我目前正在尝试使用Material-UI 的抽屉组件来实现一个网站。 它有效，当我单击抽屉项目时，它会将我引导到正确的页面。 但是如何让各个抽屉项目突出显示它所在的当前页面。 例如，如果我在 /dashboard 页面上，并且 Dashboard 页面的 Drawer Item 是否应该突出显示（ ...
我只想在用户具有访问权限的适当角色时才允许路由。 我在前端和后端都进行了检查，但是在使用Switch时某些东西不起作用。 如果我现在 go 到/editor ，即使我没有适当的角色，我也不会被重定向到/404 。 如果我删除所有条件，则会呈现/404页面。 ...
我必须使用 Link 将 function 传递给另一个组件 这就是我如何调用 function this.props.location.state.testFavorite(); 这给了我这个错误 DataCloneError：无法在“历史”上执行“pushState”：() => tes ...