问题标签 [react-router-component]

我是反应和反应路由的新手。我正在建立一个网站。在路由时，我遇到了一些问题，因为我的主组件与顶部栏、导航栏、页脚和其他组件一起呈现在应用程序组件中。就像下面...

这个 home 组件由一些子组件组成，如下所示......

并且名为 BGCard 的主组件中的一个组件也有一些子组件。像下面...

BGCard子组件的代码如下...

因此，当我单击 BGCard 组件中的查看所有按钮时，我想渲染像 Aposetive 这样的组件（我有 8 个这样的组件）。这个 BGCard Components 正在作为一个部分呈现在 home 组件中。并且 home 组件正在使用我的主导航进行渲染和导航。所以我想在 app.js 中渲染 Aposetive 组件，就像 home 或任何其他组件一样。并希望使用 BGCard 组件作为辅助导航。我希望当我单击任何辅助导航链接时，它应该只使用顶部栏、导航栏、页脚和浮动小部件呈现。但相反，它在家里作为一个子部分呈现。我不知道如何解决这个问题。我试图同时在应用程序和家庭组件上呈现它。但没有运气。我不知道我是否解释得当。如果您需要有关此的任何其他信息，请询问。我非常需要帮助。提前致谢。

我正在尝试使用 Route 从 react-router-dom 加载路径，但它只获取“/”路径，它不加载任何其他路径，身份验证逻辑之前工作正常，但路由似乎没有任何工作，如果我将任何其他组件添加到“/”路径，它将开始加载，但如果我删除“/”并添加任何其他路径，例如“/auth”，它将显示一个空白屏幕。我尝试了多种方法，但找不到任何解决方案，在添加路由之前，我已经添加了正确的组件，它们运行良好，现在我是初学者，这对你们来说可能很容易解决，请在这里帮助我因为我被卡住了广告找不到任何解决方案。我希望我的问题很清楚。

应用程序.js

索引.js

我的要求如下，

1. 仪表板页面 (https://localhost:3000) 显示 1000 条记录
2. 用户在仪表板页面上应用过滤器（过滤器后仅显示 2 条记录）
3. 用户单击行并进入详细信息组件（https://localhost:3000/details/1）
4. 用户单击详细信息组件上的“返回”按钮
5. 仪表板页面加载（https://localhost:3000）并显示 1000 条记录，我希望这里只显示两行并停止重新渲染组件

这就是我的路线

我遇到了反应路由器的问题，因为我的 url 在单击它时会得到更新，但页面没有被呈现，但是当我在该特定 url 重新加载它时，它会呈现内容，而我希望它尽快呈现我点击链接

这是我的 App.js

这是我的 Nav.js

这是我的 About.js

我正在尝试保护一个组件。在记录时，我将令牌的值存储在会话存储中。我正在尝试这个过程，如果存在任何令牌值，则可以访问受保护的页面，否则不能。

Routes.js 的代码：

Header.js 代码

但是，每当我在导航栏中单击关于我们时，尽管存在令牌，它都会重定向到登录。请帮忙，怎么办？

我在我的项目中添加了 React Router Dom 我想显示特定区域组的聊天区域。所以我使用 React Router Dom 来访问独特的链接 我使用 React Router Dom 版本：8.1 我的项目

应用程序.js

运行结果后：显示在使用 React Router Dom 之前的空白白屏

输出

我有一个类仪表板组件，它componentDidMount()使用从路由接收的道具从多个 API 中获取数据并呈现图表。

现在在同一个组件上接收到来自不同路由的不同道具。

所有获取数据的 API 都基于接收到的 props。这里的问题是渲染图表的函数在 componentDidMount() 中被调用，因此它在第一次路由点击时工作正常。但是，当单击其他路线时，它不会调用componentDidMount()，因为组件已经安装，因此图表不会更新，请单击其他路线。

可以采取哪些替代方法？

当我只写 /questions 时，我想将我的 url 重定向到“/questions/1”

在开发过程中，我对 react Route 的一个问题感到困惑。

所以问题出在我直接包含在页面上的 JavaScript 中

例如：<script src="assets/js/toolkit.js"></script>

因此，当我使用包含的所有脚本无法正常导航回到主页时 <Route path="/" exact>，导致我所有由 JS 管理的事件、过滤和其他行为都无法正常工作。它只有在重新加载页面后才开始工作。

看起来需要重新初始化 JS 脚本，但我不知道我该怎么做。请建议。

我对不同的页面有不同的路线。

react-router新版本中如何重定向/进入/app？