react-router-v4 相关问题

Hash router在生产中能用，但在react webpack应用中浏览器路由器不能用。

我正在使用自定义的webpack boilerplate在React App上工作，我想访问浏览器路由器，但它在生产环境中不能工作，它重定向到404页面，但它在本地环境中完美地工作......

如何从React子路由导航到父路由？

在我的应用程序中，我有一个博客模块。当路由匹配'blog'时，Blog Root组件会根据以下方式呈现。 在这个组件中...

在ReactJS中重定向到上一个页面

我有一个问题，自从我检查了isLoggedIn之后，重定向到上一个页面。现在的问题是在检查isLoggedIn后，它重定向到默认路由。我如何维护我所在的页面？

React Router Prompt 覆盖

我在使用React Router Prompt，如果表单填了一半，就会阻止导航到另一个路径。一切都很正常，但Prompt却在抛出默认的浏览器确认框。根据...

如何在React中的表单提交中重定向并传递数据作为道具？

我有一个功能组件是这样的： const SearchForm = () => { /stuffs const handleSubmit = e => { e.preventDefault(); fetchData(); return

react-router v4一页滚动

是否可以使用react-router v4构建滚动以锚定链接页面？就像这里的示例https://codepen.io/jooleearr/pen/gpooKj。除了SPA ...

ReactJS中的嵌套路由

我在ReactJS的路由中有一个非常简单的问题。我的PrivateRoute出现问题。我无法重定向到客户或产品路线。请在下面检查我的代码。谢谢。 Routes.js函数...

ReactJS + Router如何访问重定向的状态功能组件

在官方文档上说，要访问传递到重定向到的组件的状态，可以使用this.props.location.state，但是我不使用类组件和...

反应未路由到目标页面-反应钩子

我的一条路线未显示目标页面。另外，没有“：”版本（即/ id：），则硬编码路径有效，所以我想问题出在（some_variable：...

将所有路由重定向到页面

我有很多这样的路由

react-router中的嵌套组件未渲染

我只是在练习反应路由器的工作方式。这是我的App.js，其中从“ react-router-dom”中看到消息路由导入{BrowserRouter作为路由器，交换机，路由，链接}；从“ ./logo.svg”导入徽标...

哈希路由器在生产中可用，但浏览器路由器在React Webpack应用中不可用

我正在使用自定义Webpack样板来开发React App，我想访问浏览器路由器。它无法在生产环境中重定向到404页面，但是正在工作...

2 react路由器上部署在同一域nginx问题上的reacts项目

我有2个要在单个域上服务的不同的React项目。一种称为“客户”，用于前台，一种称为“管理员”，用于后台。基本URL为/用于前台，...

使用react-router卸载和重新布局组件

我已经设置了react-router和一个呈现某些Page组件的Switch组件。我所有的组件都呈现相同的布局（现在，以后将是参数化的）。我的页面组件“注入” ...

反应三芯光纤和反应路由器。错误：无法在 ]之外使用 ] 因此，我被告知由于某些技术问题，您不能将react-router-dom与react-three-fiber一起使用，因为react-router无法访问画布内的提供程序。好吧，我试图在画布上放置一个Link标记，当元素单击到另一页时它会重定向，但是显然这适用于所有元素，而不是我想要的特定元素。我已经看到了使用门户或转发画布的示例，但恐怕这确实让我感到困惑，而且我不知道如何应用它。 我想知道是否可以通过传递道具来实现。例如，不是使用<Link to = "/Page2">，而是<Link to = "{link}">，然后在组件内定义链接。例如<Cube link = "/Page2">。这是我的代码的简化版本： export default function Page1({ link }) { return ( <> <Link to = "/page2"> <Canvas> <ambientLight /> <pointLight position={[10, 10, 10]} /> <Suspense fallback={<Fallback />}> <Cube position={[-1.2, 0, 0]} time={1000} link="/Page2" /> </Suspense> </Canvas> </Link> </> ); } 事情是当我应用此功能时，什么也没有发生，我也不知道为什么，我的语法错误吗？这是我在沙箱中的主要code。一切都在Page1.js中，但是由于它的数量而有些混乱。 因此，我被告知由于某些技术问题，您不能将react-router-dom与react-three-fiber一起使用，因为react-router无法访问画布内的提供程序。好吧，我尝试放置一个链接... 因此，从反应中的三个光纤光谱chat @mjf可以帮助我找到答案。因此，@ 0xca0a表示问题在于 '上下文未刺穿协调器。该组件将打开一个新的渲染根目录，该根目录无法访问主机协调器（react-dom）上下文。' 因此，解决此问题的一种方法是将反应路由器上下文桥接到画布中。首先，从反应路由器dom`import {createBrowserHistory}通过'history'库创建上下文。 这里是代码： import React from "react"; import ReactDOM from "react-dom"; import "./styles.css"; import App from "./App"; import { createBrowserHistory } from "history"; import { Router, Route } from "react-router-dom"; const rootElement = document.getElementById("root"); const customHistory = createBrowserHistory({ // basename: config.urlBasename || "" }); ReactDOM.render( <Router history={customHistory}> <Route component={({ history }) => { window.appHistory = history; return <App />; }} /> </Router>, rootElement ); import React, { Suspense } from "react"; import { Canvas } from "react-three-fiber"; import Cube from "./cube"; export default function Page1() { return ( <Canvas> <ambientLight /> <pointLight position={[10, 10, 10]} /> <Suspense fallback={null}> <Cube position={[-1.2, 0, 0]} onClick={() => window.appHistory.push("/page2")} /> </Suspense> </Canvas> ); } 这里是@mjf的沙箱，用于工作代码https://codesandbox.io/s/cool-yonath-j9u1m?from-embed

反应路由器路径问题

React-Router无法正常运行。下面是代码。请告诉我问题是什么。链接到漂亮的文章将很有帮助。从'react'导入React；导入{BrowserRouter，Switch，...

反应路由器this.props.history.push，推送位置但不渲染组件

我在app.js中拥有这个render（）{// isAuthticated（）是异步的，因此我们阻止渲染，直到获得结果为止。如果（！this.state.authenticationChecked）返回null;返回（...

history.push（）不会更新浏览器的网址

clicked（id）}> {name} 在此clicked函数中被调用。 const clicked =（id）=> {history.push（`/ user_dashboard / projects / $ {id} / designs`）; } ...

React Router根据组件的API调用有条件地导航到不同页面

[使用React Router，我想根据API调用的结果，有条件地导航到三个页面之一，但是我很难弄清楚该怎么做。我已经尝试过...

React Router根据API调用有条件地导航到页面

[使用React Router，我想根据API调用的结果，有条件地导航到三个页面之一，但是我很难弄清楚该怎么做。我已经尝试过...