react-router相关内容

如何获取 react-router v4 的历史记录?

我在从 React-Router v3 迁移到 v4 时遇到了一些小问题.在 v3 中,我可以在任何地方执行此操作: import { browserHistory } from 'react-router';browserHistory.push('/some/path'); 如何在 v4 中实现这一点. 我知道当您在组件中时,我可以使用 hoc withRouter、反应上下文或事件 ..
发布时间:2022-01-31 12:05:01 其他开发

在 react-router v4 中将自定义道具传递给路由器组件

我正在使用 React Router 创建一个多页面应用程序.我的主要组件是 ,它将所有路由呈现到子组件.我正在尝试通过路线传递道具,并基于一些 research 我确实,子组件利用传递下来的道具的最常见方式是通过它们继承的 this.props.route 对象.但是,这个对象对我来说是未定义的.在子组件中的 render() 函数中,我 console.log(this.prop ..
发布时间:2022-01-31 11:53:19 前端开发

将 props 传递给 React Router 子路由

我无法解决 React 路由器的问题.场景是我需要从状态父组件和路由传递子路由一组道具. 我想做的是传递 childRouteA 它的 propsA,并传递 childRouteB 它的 propsB.但是,我能弄清楚如何做到这一点的唯一方法是同时传递 RouteHandler propsA 和 propsB 这意味着每个子路由都会获取每个子路由道具不管它是否相关.目前这不是一个阻塞问题,但我可 ..

React Router 在 Azure Linux Web App 上抛出 404

我们正在将我们的 React Web 应用从 Windows 应用服务迁移到 Linux 应用服务.我们有一个自定义的 web.config 来处理路由,这样当用户手动访问我们的一个路由时,他们就不会遇到 404.此修复不适用于 Linux 应用服务. 我们遇到了 404,我们需要它来工作,因为我们有用户应该能够到达的自定义路线.如果它们路由到默认 index.html,则该站点可以工作,但 ..
发布时间:2022-01-23 18:50:17 其他开发

在渲染服务器端之前获取数据

现在我正在发现 Este.js,但我对同构应用程序有一点问题.我不明白如何在使用 renderToString() 渲染服务器端之前进行 api 调用. 一种解决方案是使用 React Router 在路由器级别获取所有数据.根据顶层路由,我可以预测需要哪些数据,进行 api 调用,然后调用 React.renderToString. 很好,但我仍然必须在组件级别和路由器级别声明数据依 ..
发布时间:2022-01-20 14:48:51 前端开发

如何让反应路由器响应 404 状态码?

我以 root 身份使用 react 路由器,“/"下的所有请求都被定向到 react 路由器.并且当 react router 发现 url 与任何定义的组件都不匹配时,它会使用 NoMatch 组件进行渲染.问题来了,NoMatch 被渲染,这就是我想要的,但状态码仍然是 200 而不是 404.当我的 css 或 js 文件放置在错误的 url 上时,react 路由器会做同样的事情,它会响 ..

以编程方式重定向到反应路由器 v6 中的路由的问题

我想对某些用户操作执行导航,例如按钮的 onSubmit.假设用户单击添加联系人按钮,我希望 react-router 在“/"中重定向这是主页.目前我正面临这个问题-->TypeError:无法读取未定义的属性(读取“推送").作为初学者,我非常感谢专家的帮助. AddContacts.js import React, { Component } from "react";从“../.. ..

React 组件构造函数中的 ipcRenderer

我有一个使用 Electron、React 和 React Router 的应用程序.我在组件构造函数中使用 ipcRenderer 将事件从我的组件发送到主 Electron 进程.在我将 React Router 添加到组合中后,我注意到我的 ipcRenderer 事件每次我离开并返回组件时都会一次又一次地添加.我认为这是因为 React Router 正在根据需要安装和卸载组件. 我 ..
发布时间:2022-01-10 22:53:06 其他开发

您不能对同一动态路径 Nextjs 使用不同的 slug 名称

我在我的项目中使用了基于文件夹结构的默认动态路由技术 nextjs.我有一条路线: pages/[language]/location/[location_id] 现在我遇到了一个用例,除了 [location_id] 的最后一个参数之外,我需要上述路由完全相同,我需要 [route_id] 这里. 当我为这条新路线创建文件 [route_id].js 时,我遇到了这个错误: thr ..
发布时间:2022-01-08 23:05:57 前端开发