问题标签 [reach-router]

我在解决我的 Create React App 路径时遇到了节点问题。

问题：

资产（chunk.js）文件解析为相对路径而不是绝对路径。

当我从根文件夹（example.com）访问网站并点击/games/URL 时，它工作正常。但是，如果我刷新，它会附加/games到 URL 中。

例如：

^ 访问页面并刷新页面。

正确链接：

https://example.com/static/js/main.b9f8ee12.chunk.js

不正确的链接：（ 当用户刷新页面时会发生这种情况）

https://example.com/games/static/js/main.e50e1c49.chunk.js

我只是想确保，/games当我的资产被访问时，我不会遇到。

（不需要/games/）因此坏了:(

文件夹结构：

包.json：

server.js：

请帮我确定问题。我花了几天时间试图调试这个问题。

我只是想确保，/games当我的资产被访问时，我不会遇到。

我有一个简单的路由器，可以通过 @reach/router 模块

当有人输入以“/resume”结尾的完整 URL 时，我希望显示恢复组件，我认为这会通过 @reach/router 自动发生，但似乎并非如此。

有什么策略可以完成这项工作吗？

我正在使用react-router和material-ui。我有一个 BottomNavigation 和 BottomNavigationAction (MaterialUI) （带有来自 Reach Router 的 Link 组件）。

当有人从浏览器输入与根路径不同的 url 时，我很难知道如何获取当前活动的链接并将其设置为 BottomNavigation 的值。当我使用根路径（localhost:3000/）进入时：一切正常（因为我将值设置为根路径）。当我使用其他路径输入时，例如 localhost:3000/animals 我需要设置正确的值，以便正确的图标显示为活动状态。

Reach Router 在 Link 组件中提供了一种可能性：将函数传递给 getProps，您可以返回当前活动链接的样式，但样式会影响锚元素，我需要影响其他对象（https://reach.tech/router/示例/活动链接）。

当有人从浏览器输入路径（而不是根路径）时，如何根据当前活动链接设置底部导航的值？

CodeSandbox https://codesandbox.io/s/billowing-hill-j5gmy?file=/src/App.js

The above is my app.js file , I am trying to navigate to details page using a Link tag in my Homepage component

My issues is The details page dont render after navigating to /details page, Only if I refresh the page it renders properly. Please help me out, beating my head over this one for few days

UPDATE State is an Object that is returned when i call the API

我在到达路由器嵌套路由时遇到问题，我正在尝试导航到 / 并呈现 page2，但是当路由更改为 // 时，我被困在同一页面的“/”主页上

在路由器内部构建路由时我是否遗漏了什么，请帮助我

因此，在主页中，如果我单击任何链接，路线将更改为 /details 但详细信息页面无法呈现

https://codesandbox.io/s/billowing-hill-j5gmy?file=/src/Homepage.js

我对 React 有点陌生，这是我第一次使用到达路由器（或任何类型的路由器）。我想要做的是在我的一个路由器链接中有一个嵌套组件。基本上，在我的 ItemShop 组件中，我想再有两个指向组件的链接（这两个都在我的 ItemShop 组件中定义），并且我想显示在导航栏下选择的任何组件。这似乎类似于他们在教程中所做的事情，但由于某种原因，当我单击链接时，我似乎得到了一个无限循环。

这是我在App.js中的顶级路由器：

这是我的 ItemShop 组件，我试图在其中呈现链接ItemShop.js：

同样，我对整个 Javascript/React 还是很陌生，所以它可能只是一个基本缺陷。我已经为此投入了好几个小时，所以我非常感谢一些指导。感谢您的时间！

我坚持这件事。我想从 url 获取 url 参数 (/mypage/?title=my-title) 并将其显示在页面中。目前我在 gatsby 中尝试了仅限客户端的路由

这是我的模板

当我点击 /headline/?title=test-my-app 我的组件（测试）没有被路由器标签调用时，什么都没有呈现。有什么帮助吗？

如果路径是 /login，则只应呈现登录组件。它确实有效，但现在如果通过 Tabs 组件从 /posts/1 到 /posts/2 更新路径，则整个页面将重新呈现。

我实际上希望单独显示登录组件。其他一切都应该保持不变。我试过这样：

如果用户访问的页面需要超出 url 上的内容的上下文，我想将它们重定向到其他地方。用例是：

• /todos/list - 此页面向用户显示他们的待办事项列表。它包含以下链接：
• /todos/edit?id=1 - 此页面允许用户查看/编辑有关特定待办事项的详细信息。

如果用户要直接转到 /todos/edit（没有 id），我想将他们重定向到 /todos/list。我曾尝试在构造函数中通过 navigate('list') 有条件地执行此操作。这确实会正确更新浏览器 url，但不会呈现 /todos/list 页面。这可能吗？或者这不可能做下面的段落？

我知道更常见的 url 是 /todos/edit/1 以便到达路由器可以处理我的问题，而我不需要处理它。但是，我只是将此用作呈现页面所需的一条信息的示例，该页面不一定是 url 路径的一部分。

我有一个具有以下结构的 Gatsby 应用程序：

一旦在 Netlify 上部署，这些页面（显然）可通过以下 URL 访问： https ://domain.netlify.app/dashboard和 https://domain.netlify.app/projects

现在我们的要求是在 Netlify 上配置自定义域后通过子域访问这些页面。因此，我们仪表板页面的 URL 将是 https://dashboard.customdomain.com ，项目页面的 URL 将是 https://projects.customdomain.com

现在的问题是：（1） Gatsby 是否可以实现这种实现（2）如果是，那么我必须在哪里进行更改以检查子域并相应地为请求提供服务。