问题标签 [react-routing]

当我单击链接“蛋糕”时，出现路径不匹配或服务器无法找到的错误。

这是我的 3 个文件的代码 - 路由器、导航和细节组件

Routers.js- 处理路由的组件

导航组件 - 处理导航链接

详细信息组件 - 要显示的详细信息页面

Base.JSX

导出默认基础；

主要的.jsx

谢谢您的帮助！！

在React-Router 文档的第 8 课中，讨论“索引路由”，他们描述了以下段落：

这可以正常工作，但我们很可能希望在未来Home连接到类似的About路线Repos。几个原因包括：

• 参与依赖匹配路由及其组件的数据获取抽象。
• 参与onEnter钩子
• 参与代码拆分

此外，保持App 解耦Home并让路由配置决定作为子级渲染的内容感觉很好。请记住，我们想在小应用程序中构建小应用程序，而不是大应用程序！

我对其余的文档很好，但我很难理解他们在这里谈论的内容。

1-“Home附加到路线”是什么意思？

2-什么是“数据提取抽象”，为什么这是一件好事？

3-什么是代码拆分？

我相信这符合这里的问题格式（客观上可以回答，与软件相关）。提前致谢。

我有一个root route定义：

以及一些带有嵌套动态路由的设置：

./routes/Settings/index.js：

/settings是父组件，它渲染{this.props.children}反应路由器传递。例如，如果我导航到/settings/general我将settings渲染，它又将渲染general为它的孩子：

./routes/Settings/General.js

这没关系，但我想做的是定义默认子组件Settings在导航到/settings.

简而言之：有没有办法IndexRoute在使用动态路由时定义类似的东西？

我正在制作一个反应应用程序。我可以使用 react-router 更改按钮单击时的“选项卡内容区域”吗？我有两个标签。单击按钮时，我想更改其中一个选项卡的内容。页面上的所有其他内容应保持不变，但选项卡的内容。我怎样才能做到这一点？

我想为我的应用程序的一部分设置一个“动态路线”，它是这样完成的：

到目前为止，这是可行的，但在组件中我想访问 id 的值，因为它会根据它的不同改变一堆东西。我怎样才能做到这一点？

我已经在 api 服务中发布了 UI，但我想从“/”开始 url。但它以http://localhost:8090/UI/的形式出现。问题是在路由配置中我已经设置了路由为：-

错误：/UI/ 未在路由中定义。要解决此问题，我必须将路由更改为Route path="/UI/" 。如何将“/”设置为初始路径？

我确定我在这里遗漏了一些简单的东西，但无法正确配置我的路线。

我收到此错误：

Warning: Failed prop type: The prop 'children' is marked as required in 'App', but its value is 'undefined'. in App (created by RouterContext) in RouterContext (created by Router) in Router

这是我的基本设置：

./index.jsx

./routes/index.js

./routes/home.js

./components/app/index.jsx

./components/home/index.jsx

我想实现一个触发 passport.js 身份验证的 redux 操作。

Passport 的实现是服务器端的，并且是快速服务器上 /login 的 POST 路由。

我正在使用具有同构渲染的反应入门套件。

https://github.com/kriasoft/react-starter-kit/blob/master/docs/recipes/how-to-implement-routing.md

React 入门套件使用客户端和同构路由，但 passport.js 身份验证路由不会暴露给 react-starter-kit 路由。

我如何能：

1. 从 redux 操作客户端触发服务器端 POST /login 路由？
2. 有没有办法让我保持客户端路由与 passport.js 服务器端登录路由集成，以便它呈现同构？有一组客户端不知道的用于登录的服务器端路由似乎很奇怪。

我目前有一个 /login 的客户端路由，它只有一个大按钮，上面写着 Login，它触发了一个表单发布。保留该页面但只是在渲染时自动触发表单发布是一种黑客行为吗？

我有一个带有 NotFound 组件的 react-router 3.0.0 设置，我将其显示为后备：

然而，这会返回一个重定向，并且谷歌爬虫抱怨软 404。我可以同时重定向到我的 NotFound 组件并发送 404，类似于 Github 所做的吗？我从这里尝试了以下建议：如何让反应路由器响应 404 状态码？

但这只是给了我一个 404 而不显示组件。

以上如何实现？

如标题中所述，我正在使用 react-router-dom 和 HashRouter 在我的网站的一部分中为客户端应用程序提供服务。

我想要实现的是类似于弹出历史记录的后退按钮。这在正常情况下很好，但历史似乎包含整个浏览器历史 - 所以如果有人直接链接到一个页面并单击后退按钮，它将带他们回到上一个站点。

我希望能够检测到这种情况（即历史中的最后一件事不在哈希历史中）——这样我就可以做一些不同的事情。

在此先感谢您的帮助

马特