问题标签 [react-routing]

我正在开发一个有 2 个变体的网站。

当前设置只是重新路由，但我不希望站点版本显示在 URL 中。

这两个版本非常相似，因此它们共享一个共同的组件。我希望用户从菜单中进行选择，它会更改内部配置，然后在不更改 URL 的情况下刷新。

如何从 URL 中删除 site1/site2？

有没有办法为下一个 js 指定一些我可以在运行时指定 in_app.js 的命名空间？

嘿，React 还是新手，但我正在通过构建我自己的个人应用程序/平台来慢慢磨练它。我有一个将道具传递给单页视图的快速问题。这是我的概述页面，它将从我的数据库中提取所有团队，如下所示：

这被传递到我的 TeamList 组件中：

它映射然后将团队列为卡片组件，其中包含一个链接，该链接应该路由到他们的 id 并传递他们的数据。

现在，在我的一个团队的单页视图中，我正在努力访问该道具数据：

从“反应”导入反应

我希望你们都做得很好。我看到了许多与此相关的答案，并在我的代码上实现了许多答案，但似乎对我没有任何帮助。我不断收到这个烦人的错误。可能是什么原因？我正在使用 react-native-router-flux 进行路由，并使用 expo 进行项目。

登录.js

路由.js

请尽快在这方面提供帮助，因为我需要提交它:(

当用户通过 LoginForm.js 成功登录时

登录表单.js

在我对互联网的研究中，我没有找到解决方案。在我看来，必须有一种方法可以将事件监听器添加到 Userstore.id。因此，如果 UserStore.id 发生变化（在用户登录时发生），我们可以将页面重新排列为 .

我正在尝试在我的反应应用程序中实现嵌套路由我的根 app.jsx 文件中的路由是这样定义的。

这是我的管理组件中的代码

这是我的侧边菜单组件中的代码

这是我要传递到侧面菜单的图标和名称数组

http://localhost:3000/admin 给我看

http://localhost:3000/admin/projects 显示我

理想情况下，当我切换路线时，侧边菜单不应该消失，而是在这里消失。关于可能是什么问题以及如何解决它的任何想法？

我正在使用 history.push() 重定向到页面并传递一些道具，如下所示：

在新页面中，我可以使用 location.state 访问数据。我面临的问题是在页面刷新时 location.state 是未定义的。我可以使用 props.match.params 访问场景 ID。有一个更好的方法吗？我的最后一个选择是使用本地存储，但不确定这是否是最佳解决方案。

我正在开发一个 Spotify 克隆，它能够播放歌曲预览并显示用户的不同热门曲目和艺术家。在使用帮助 spotify-web-api-node 包进行授权后，我已经为网站制作了独立页面，但是我在连接路由器时遇到了问题，在我使用 spotify 登录后，我到达了我的个人资料页面，其中我有指向其他的链接页面，但是当我尝试转到另一个页面时，我在服务器上收到一个错误，它是一个无效的授权代码，在 Web 控制台上，程序包会抛出一个错误，即没有提供访问令牌。我已经尝试了所有可能的方法来纠正这个问题，但我无能为力。请帮帮我。相关代码以及整个 GitHub 存储库链接如下： 该项目的 Github 存储库是https://github.com/amoghkapoor/Spotify-Clone

应用程序.js

TopTracks.js

'useAuth' 自定义钩子

我在这里遗漏了一些非常明显的东西。需要一些帮助来理解使用 Multi Form 的反应路由。我有一个导航差异组件（页面）的多步骤表单。每次单击下一个按钮时，我都使用 history.push 来帮助导航到 diff url，而不是使用 Page 直接呈现组件。这是我的外壳代码。

现在我需要一个菜单​​和表单，以便用户能够直接访问任何页面。并非表格中的所有步骤都是必需的。这是我的菜单https://codesandbox.io/s/silly-brook-ecj7e?file=/src/AppMenuItemComponent.tsx 将页面路由到页面

我如何将这两者同步在一起（上面的例子是我的尝试）？多步骤表单与下一步按钮配合良好，但在单击菜单按钮时不会更新。（可以理解，因为它检查页面 === 编号）。在这一点上，我正在考虑完全删除页面检查，而不是让它成为一个多步骤表单。

在尝试将react 路由与react-transition-group结合使用时，我遇到了与 findDOMnode 弃用相关的警告，警告指出：

index.js:1 警告：在 StrictMode 中不推荐使用 findDOMNode。findDOMNode 被传递了一个在 StrictMode 中的 Transition 实例。相反，直接将 ref 添加到要引用的元素。在此处了解有关安全使用 refs 的更多信息：https ://reactjs.org/link/strict-mode-find-node

上述警告指的是以下代码：

我第一次尝试摆脱该警告是按照建议使用 useRef ：

将 nodeRef 作为 CSStransation 元素的 ref 属性传递，但警告仍然出现。

出于某种原因，我只能通过传递我也在 CSStransition 元素的“in”道具中使用的触发事件来消除警告，如下所示：

现在一切都很顺利，但我真的不明白为什么，即使我从 CSStransition 元素中删除了 ref，我也不会再收到任何警告。

有人不明白为什么会发生这种情况吗？

这可能是一个非常基本的问题。我正在为我的网站制作一个设置页面，我需要一些帮助。

所以我最理想的做法是，当您单击设置页面上的按钮时，它会启用/禁用暗模式。在这种情况下它不会。但如果我这样写

我实际上可以启用/禁用暗模式，但这意味着设置页面呈现在网站的每个页面上，这当然是我不想要的。