react-router相关内容

如何在 nextjs 中导航而不丢失标题组件的状态

有什么方法可以在不丢失标题组件状态的情况下创建/构造 next.js 应用程序以进行导航? 让我解释一下. 我有这样的标题组件: 从“反应"导入 { useState }从“下一个/链接"导入链接导出 const Header = () =>{const [值，setValue] = useState(1)返回 (标题设置值(值 + 1)}>{价值} ..
发布时间：2022-01-08 22:53:42 其他开发

重新加载/刷新操作时出现 Nextjs 404 错误

我将 Nextjs 用于前端应用程序，将 dotnet core 3.1 用于 Web API.有些页面是静态的，有些是动态的，我按照官方 documentation 来实现这.在开发模式(本地机器)上一切正常.静态和动态路由都正常工作，并从 dontnet 核心 Web API 获取数据. 但是，在按照以下步骤发布 Nextjs 应用程序时: 纱线构建 纱线出口 在项目的根目录下 ..
发布时间：2022-01-08 22:52:50 其他开发

ReactJS 中的动态路由到底是什么

我一直在互联网上了解 React 的动态路由.但是我找不到任何东西来解释它的工作原理以及它与静态路由在各个方面的不同之处. 当我们想使用 React-Route 在同一页面中呈现某些内容时，我非常了解事情的进展. 我的问题是，当想要呈现一个全新的页面时它是如何工作的?因为在这种情况下，该页面内的所有 DOM 都必须重新渲染.那么它会是静态路由吗?还是在某些方面仍然充满活力? 我希 ..
发布时间：2022-01-08 18:59:00 其他开发

使用带有 react-router 的锚点

如何使用 react-router，并让链接导航到特定页面上的特定位置?(例如 /home-page#section-three) 详情: 我在我的 React 应用程序中使用 react-router. 我有一个站点范围的导航栏，它需要链接到页面的特定部分，例如 /home-page#section-three. 所以即使你在说 /blog，点击这个链接仍然会加载主页，第 ..
发布时间：2022-01-08 18:04:40 前端开发

将 GraphQL 数据拉入 gatsby-browser.js(或更好的解决方案，请)

我正在尝试从 gatsby-browser.js (gatsby 浏览器 API).而我可以从 Contentful 访问数据. 这可能不是最好的解决方案，任何关于我如何以另一种方式实现的建议也将不胜感激. 这里是问题 - 在TripAdvisor.js组件内部，我在componentDidMount中安装脚本，而locationId是基于this.props.tripAdvis ..
发布时间：2022-01-04 11:06:49 前端开发

Graphql，react-apollo 如何在加载组件状态时将变量传递给查询

我有一个简单的反应组件，必须在用户询问时从服务器加载数据.问题是我不知道如何传输动态变量 SpeakerUrl 并在组件加载状态之前访问它.当然我可以从 this.props.params 访问它，但是组件没有加载，我在进行 graphql 查询时无法访问它.查询 - QuerySpeaker 在我手动设置 url 变量时工作正常. 路由器 组件 - SpeakerPage 从're ..
发布时间：2022-01-04 11:02:11 前端开发

如何使用 Relay 容器、react-router 和 GraphQL 通过 id 获取和显示项目

我真的很难理解中继路由、react-router 参数以及构建查询和容器的一般情况！ 我想在用户单击 FeatureList 中的特定功能时编辑功能.它传递一个名为“id"的参数，它是 Route.js 中 Feature 的 id 在我的 FeatureQuery 文件中，我有以下查询: 出口默认{查看器:(组件)=>中继.QL`询问 {观众{${Component.getFra ..
发布时间：2022-01-04 10:58:28 前端开发

如何在浏览器刷新后保持 React 组件状态

感谢您阅读我的第一个问题. 我尝试使用共享根进行身份验证，使用 react、react-router 和 firebase.所以，我想保留 App.js 的用户状态.但是当我尝试刷新浏览器时，没有找到用户状态. 我尝试保存到本地存储.但是有没有办法在没有 localStorage 的情况下在浏览器刷新后保持组件的状态? App.js import React, { Compon ..
发布时间：2022-01-03 00:04:27 其他开发

登录时重定向到上一个路径 - React Router v4

我正在使用 react router v4 并尝试实现一个功能，无论用户点击什么路由，他都会被带到登录页面，即如果他还没有登录. 但登录后，他被重定向到登录前试图访问的同一页面 我已经使用下面的代码成功地为两条路线做到了这一点，但不确定这是否是最好的方法 (授权?():( ..
发布时间：2022-01-03 00:04:14 其他开发

登录页面与 ReactJS 中的单页应用程序 (SPA) 分离

我正在 ReactJS 中开发单页应用程序 (SPA)，我想知道如何在单独的页面中创建登录页面. 我使用 create-react-app 作为我的应用程序的基础，并且我目前正在 App.js 文件中为我的 SPA 定义模板，并且不同 .js 文件中的每个组件:Page1.js、Page2.js 等.我使用的是 react-router-dom (V^4.2.2) 用于我的应用程序的路由. ..
发布时间：2022-01-03 00:03:58 其他开发

如何使用 IIS 设置 react-router 干净的 URL?

React-Router 让您的 ReactJS 应用程序通过简单的路由组件成为 SPA.部署到 IIS 时，使用 bashHistory 进行设置时一切正常.但是，当我尝试使用 browserHistory 时，IIS 试图返回一个目录，而不是允许 React-Router 抓取和解析路由.我如何设置 React-Router 以在 IIS 环境中工作? 解决方案 让 React-Rou ..
发布时间：2022-01-03 00:03:52 服务器开发

无法读取 null 的属性“getHostNode"

我有一个带有反应路由器的地平线/反应应用程序，我的应用程序中有一个简单的按钮: 另一个搜索 当我点击它时，出现以下异常: 未捕获的类型错误:无法读取 null 的属性“getHostNode" 错误来自: getHostNode: function (internalInstance) {返回 internalInstance.getHostNode();}, 知道为什么我会得到这个吗 ..
发布时间：2022-01-03 00:03:28 前端开发

如何模拟反应路由器上下文

我有相当简单的反应组件(链接包装器，如果路由处于活动状态，它会添加“活动"类): import React, { PropTypes } from 'react';从“反应路由器"导入{链接}；const NavLink = (props, context) =>{const isActive = context.router.isActive(props.to, true);const act ..
发布时间：2022-01-03 00:03:11 其他开发

带有 React Router 和 Redux Simple Router 的 onEnter Transitions Dont Render New Route's Component

我有一个使用 react @0.14、redux @3.05、react-router @1.0.3 和 redux-simple-router @2.0.2 的应用程序.我正在尝试根据商店状态为我的一些路线配置 onEnter 转换.转换钩子成功触发并将新状态推送到我的商店，这会更改 url.但是，在页面上呈现的实际组件是来自路由匹配的原始组件处理程序，而不是新 url 的新组件处理程序. ..
发布时间：2022-01-03 00:03:04 前端开发

如何在使用 Passport(react、react-router、express、passport)进行社交身份验证后重定向到正确的客户端路由

我有一个 React/Redux/React 路由器前端，Node/Express 后端.我正在使用 Passport(各种策略，包括 Facebook、Google 和 Github)进行身份验证. 我想要发生的事情: 未经身份验证的用户尝试访问受保护的客户端路由(类似于 /posts/:postid，并被重定向到 /login.(React Router 正在处理这部分) 用 ..
发布时间：2022-01-03 00:02:34 其他开发