通过 重新加载组件在反应路由器中
我正在尝试实现类似 facebook 的主页(即带有评论的帖子列表). PostList 是负责加载帖子列表的组件(在其 componentDidMount() 中使用 fetch)，它本身是组件 HomePage. 我有另一个名为 NavBar 的导航栏组件，带有一个 组件(来自 react-router-dom)到我的 HomePage 组件('/')的路径. 当我在'/'以
..
react-router-v4相关内容
反应:读取作为history.push中的参数传递的数据
我是新来的，我试图在 history.push 中发送一些数据作为参数. 基本上，我在单击按钮时调用一个方法，在该方法中我调用了一个 api.如果我收到成功响应，我将重定向到其他页面，并且还需要传递一些数据. 下面是我的代码: class 登录扩展组件 {构造函数(道具){超级(道具)；this.state = {输入名称:空，输入密码:空，重新编码:空，用户名:空，格式描述:空，用
..
React history.push() 不渲染新组件
我有一个带有简单登录功能的 React.js 项目.用户获得授权后，我调用 history.push 方法更改地址栏中的链接但不呈现新组件.(我使用 BrowserRouter) 我的index.js 组件: ReactDOM.render(
..
在 React-router Link 中将对象作为道具传递
我正在获取ProductList 中的产品列表，其中，我需要将选定的产品对象传递给Product. 目前，我正在尝试将 id 作为路由参数传递并再次获取产品对象.但我想将整个产品对象从 ProductList 发送到 Product. 我的路线是 P
..
在打字稿中创建自己的反应路线类
我发现了这个(reacttraining.com)站点，它解释了 react-路由器的一些例子.但是我无法使用打字稿类来做到这一点.我想要做的是扩展 Route 类来构建我自己的类.现在我想在打字稿中实现它以进行身份验证，如下面的网站示例所示. const PrivateRoute = ({ component, ...rest }) =>(
..
React router v4 不适用于 Redux
使用 React router v4 开发 React 应用程序.一切都很好，直到我在我的应用程序中引入了 Redux.从那时起，单击链接以更改路由，浏览器 url 会更改，但未加载与该路由对应的组件.如果我注释掉 Redux 代码，效果会很好.什么可能导致这种情况?这是我的路由代码: import React, { Component } from 'react';从'react-router
..
React Router 4.x - PrivateRoute 在连接到 Redux 后不起作用
PrivateRoute 在示例中可用 https://reacttraining.com/react-router/web/example/auth-workflow 与 Redux 连接后无法正常工作. 我的 PrivateRoute 看起来与原始版本几乎相同，但仅连接到 Redux 并在原始示例中使用它而不是 fakeAuth. const PrivateRoute = ({ com
..
React Router v4 - 切换组件时保持滚动位置
我用 react-router 创建了两个 . /cards -> 纸牌游戏列表 /cards/1 -> 纸牌游戏 #1 的详细信息 当用户点击“返回列表"时，我想将用户滚动到他在列表中的位置. 我该怎么做? 解决方案 codesandbox React Router v4 不提供对滚动恢复的开箱即用支持，而且就目前而言，它们也不会.在他们文档的 React Ro
..
React-Router - 链接 vs 重定向 vs 历史
对于使用什么似乎有些混淆: history.push('/some/path') 我已经使用 React/Router 一段时间了，不同的帖子/答案对何时使用这些有不同的说法，有时它们与其他人所说的不一致.所以我想我需要澄清一下. 据我了解 Link 和这个 文档它: 在您的应用程序周围提供声明式、可访问的导航. 据我了解 Redirect 和这个 文档 它:
..
react-router 重定向不会更改 Switch 中的 url
我正在使用 react-router 来设置我的应用程序，并尝试使用 来设置路由器进行身份验证. Route组件有两个不同的组件，一个是private Route，另一个是public route. 预期结果:当 auth 为 false 时，页面应该跳回公共页面，我设置了 到目前为止，路由似乎工作正常，但重定
..
卸载组件时 React Router v4 替换历史记录
我有一个包含以下组件的应用 |__Base -/home/Base |__尝试 -/home/Base/:try |__报告 -/home/Base/:try/report Base 是用户点击按钮并点击 Try 的起始屏幕，在尝试了一些事情后，他点击提交，生成具有一些后端交互的报告，当获取数据时，它会加载报告. 所以我想要的是，当用户从报告页面点击后退按钮时，他不应
..
使用 react-router-dom 重定向到第三方 URL
我非常了解 react-router-dom 我想对组件进行条件渲染.如果使用未登录，则将他重定向到某个第三方 URL 例如，下面的代码看起来很整洁并且工作正常
..
React-Router:在导航到不同的路由之前将逻辑应用到组件
是否可以在导航到其他路由之前将逻辑应用于组件? 例如，我的组件看起来像这样: class Example extends React.Component {//处理用户离开页面时的逻辑handlePageExit = () =>{console.log("离开页面...");}//设置onBeforeUnload事件监听器，当用户关闭或刷新页面时调用handlePageExit函数com
..
如何使用 react-router 4.0 刷新当前路由?不重新加载整个页面
'react-router-dom' 有刷新功能 这里，但我不知道如何调用这个方法，还有他们的 格式良好的文档 无需解释这一点. window.location.reload() 对我不起作用，因为它也会清除应用商店.我更改了一些数据，然后需要使用更新的数据重新加载路线. 我也读过这个:https://github.com/ReactTraining/react-router/issu
..
如何使用 react router dom v4 配置 webpack 开发服务器?
这是我的webpack配置代码: const 编译器 = webpack({条目:['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')],模块: {装载机: [{排除:/node_modules/，测试:/\.js$/,装载机:'通天塔'，},],},输出:{文件名:'app.js'，路径:'/'}，});const app = new
..
React Router v4 路由不起作用
我对 React 比较陌生，我正在尝试弄清楚如何让 React 路由器工作.我有一个超级简单的测试应用程序，如下所示: 从'react'导入React；从 'react-dom' 导入 ReactDOM；从“react-router-dom"导入 {BrowserRouter 作为路由器、路由、交换机、索引路由、链接}；const Home = () =>
..
使用 react-router-v4 验证异步
我有这个 PrivateRoute 组件(来自文档): const PrivateRoute = ({ component: Component, ...rest }) =>((已认证?() : (
..
React Router v4 的多种布局
我正在努力尝试使用 React Router v4 渲染多个布局. 例如，我希望具有以下路径的页面具有布局 1: 确切路径="/" path="/blog" path="/about" path="/projects" 以及具有布局 2 的以下路径: path="/blog/:id path="/project/:id 除了 v4 之外，这里有效地回答了什么:
..
反应路由器切换行为
(react-router-dom 版本:4.1.1) 我已经设置了工作路线，但我对为什么需要 感到有些困惑: index.js 从'react'导入React；从“react-router-dom"导入 { HashRouter, Route, Switch };从'./components/App.jsx'导入应用程序；从'./components/FridgePage.jsx'
..
React Router v4 在表单提交时重定向
全新的反应，在点击“登录"页面上的提交后尝试重定向到“主页".尝试按照反应路由器教程进行操作. 当我单击表单上的提交按钮并控制台记录状态和 fakeAuth.isAuthenticated 时，它们都返回 true.但是，重定向并未触发. Login.js class 登录扩展组件 {构造函数(道具){超级(道具)；this.state = {门户 ID: "",密码: ""，red
..