react-router-v4 相关问题

反应三芯光纤和反应路由器。错误：无法在 ]之外使用 ] 因此，我被告知由于某些技术问题，您不能将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调用的结果，有条件地导航到三个页面之一，但是我很难弄清楚该怎么做。我已经尝试过...

React Router V4从url恢复导航状态

假设我们显示一个下拉列表，并选择用户通过React Router导航到另一个子页面。如何使用React Router恢复页面重新加载时的下拉选择？ ...

React js and Spring boot URL Parameters

[你好，我需要在参数中获取ID，并且我得到的错误是这是我的代码： 我应该怎么做和...

未初始化的变量的响应路由器和PropType验证

假设我有一个未初始化的变量const [email，setEmail] = useState（）;我有两条路线。一个是进入将填充电子邮件的注册页面，另一个是到显示“ ...

我不想在管理端渲染页眉和页脚。如何实现这样的效果

我不想在管理端呈现页眉和页脚。我怎样才能实现这样的目标？

添加了react-router-dom之后，我的github页面什么也没显示

添加了react-router-dom之后，我将其推送到GitHub https://github.com/iamtheasad/user。在项目url中，我的主页显示了https://iamtheasad.github.io/user/，之后我单击了另一个...

插入React Link组件并将其作为道具传递

我正在尝试将链接传递给组件，单击该组件时应将其重定向到特定路由。但是在这里我可以看到Link插值为[object Object]。有人可以帮我吗...

我正在使用React Router浏览我的React应用。当我单击链接时，地址会在浏览器地址栏中更改，但新组件不会呈现

如何在MERN Stack应用程序（服务器端渲染）中设置api调用

我已经创建了一个呈现在服务器端的react应用，所面临的问题是设置API调用。基本上我想从数据库中获取数据，但是我不知道如何正确地进行操作。 ...

我在this.props.children中获取数据；

我是React的新手，我的登录功能很不错，但是我需要使用this.props.children发送有关该用户的下一页信息。希望您能帮我忙，我的鳕鱼是下一个

React Router + Axios拦截器。如何进行重定向？

我有一个axios拦截器，当用户被强制注销（由于令牌已过期）时，我想回到我的主页。我不确定如何将响应路由器传递给它。我正在使用mobx ...

嵌套路由在更新和删除功能后不会重新呈现ParentComponent？

我正在使用父功能组件进行重新渲染。成功执行后，我的更新和删除功能在Redux中处理，不会重新呈现父功能组件***这是我的Main ...

React Router：导航到/ compose / tweet，但是保持正交的先前路由（例如：/ notifications）

我正在尝试使用React Router重新创建模式。最好用Twitter示例来描述：按下Tweet按钮时，浏览器导航到/ compose / tweet，安装作曲家组件...。

React Router得到Prompt或history.block的结果

我在离开页面之前使用React-Router的Prompt显示确认对话框。他们使用历史记录包中的history.block实现了提示，后者使用浏览器的默认对话框。问题...

如何在页眉，页脚等组件中代替App.js使用React Router

通过我对React Router的研究，似乎每个在线的示例React Router代码始终存储在App.js文件中。如果您想使用路由器进行链接...