react-router-dom 相关问题

我如何通过React Router传递参数？

[当我尝试使用react-router-dom传递参数时，出现404 Not Found错误。如果我删除该参数，它将正常工作。我想将用户名传递给页面，以便它可以动态更改。 ...

反应路由菜单-数据处理最佳实践

我正在尝试为我的React应用程序创建一个菜单，就像这样：列表本身很容易。但现在我的主要组件包含2个子组件：App类扩展组件{render（...

TypeError：this.props.history不是导航共享组件内部的函数

我有以下导航组件从“ react”导入React，{组件}；从“ react-router-dom”导入{NavLink}；从“ sweetalert”进口小牛肉；从“。/ ...

react-router-dom：如何在Switch中具有各自具有自己路由的多个'shell'？

我遇到的情况是，我的应用中的页面有两个主要的“外壳”。第一个外壳用于“ unauth”页面登录流程（背景图像，material-ui文件），第二个外壳是主要的...

更新`URL`但不加载路径

导航栏路线不起作用。我有一个导航栏组件，它充当菜单栏。该导航栏组件路由到About组件。我也有一个Route.js，在其中我要为其余的实现路由...

更新`URL`但不加载路径

导航栏路线不起作用。我有一个导航栏组件，它充当菜单栏。该导航栏组件路由到About组件。我也有一个Route.js，在其中我要为其余的实现路由...

Webpack React错误：您不应该在 ]之外使用 所以我正在尝试通过我的React应用程序设置服务器端渲染，到目前为止，我已经解决了所有问题，但是经过几天的尝试，我遇到了无法解决的问题。 我使用的是最新的所有内容，但遇到此错误：Error: Invariant failed: You should not use <Switch> outside a <Router> 下面是React App索引 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import { BrowserRouter } from 'react-router-dom'; const SSR = ( <BrowserRouter> <App/> </BrowserRouter> ); if(typeof document === "undefined") { module.exports = SSR; } else { ReactDOM.hydrate(SSR, document.getElementById("app")); } 和组件 import React from 'react'; import { Route, Switch } from 'react-router-dom' import Home from './components/index' const NavRoute = ({exact, path, component: Component}) => ( <Route exact={exact} path={path} render={(props) => ( <React.Fragment> <Navbar/> <Component {...props}/> </React.Fragment> )}/> ) export default class App extends React.Component { render() { return ( <Switch> <NavRoute exact={true} path="/" component={Home}/> </Switch> ); } } 和我的webpack配置 const path = require('path'); const webpack = require('webpack'); const nodeExternals = require('webpack-node-externals'); module.exports = [ { entry: { client: './server/index.js', }, output: { path: path.resolve(__dirname, 'dist'), filename: "[name].js", publicPath: '/', }, target: 'node', externals: [nodeExternals()], module: { rules: [ { test: /\.jsx?/, loader: "babel-loader"} ] }, }, { entry: { bundle: './src/App.js' }, output: { path: path.resolve(__dirname, 'dist'), filename: "[name].js", publicPath: '/', libraryTarget: "umd", globalObject: "this", }, module: { rules: [ { test: /\.jsx?/, loader: "babel-loader"} ] }, plugins: [ new webpack.DefinePlugin({ 'process.env.BROWSER': JSON.stringify(true), }), ] } ] 感谢您的帮助，如果我错过任何信息，请告诉我，谢谢。 所以我正在尝试使用我的React应用程序设置服务器端渲染，到目前为止，我已经解决了所有问题，但是经过几天的尝试，我遇到了无法解决的问题。我正在使用... 将整个内容包装在<Router>中 export default class App extends React.Component { render() { return ( <Router> <Switch> <NavRoute exact={true} path="/" component={Home} /> </Switch> </Router> ); } }

React Router-返回上次访问的页面，而不是默认组件

我似乎无法弄清React Router的一个问题。它不会返回到访问的最后一页，而是返回它加载的第一页。这是一个例子。 index.js：...

如何使用带有打字稿的react router dom导航到新页面

我想在用户登录后导航到新页面。通常，我会使用this.props.history.push（“ / some_other_page”）;但是，这给了我以下错误。属性'history'确实...

如何为首页和管理页面创建多个嵌套路由

我在网站和管理部分的开头部分路由时遇到问题，我的代码如下：App.js类App扩展了组件{render（）{return（<> ]]

来自redux动作创建者的React Router Dom重定向

我正在使用Web应用程序（使用React + Redux + React Router Dom构建）和Firebase作为后端。我的问题是：是否可以从动作创建者执行重定向（因此，在...

React Native和Apollo：找不到变量：文档

我遇到了标题中指出的错误，而且我不确定如何摆脱它并使我的应用正常运行。我一直在尝试解决它，但找不到解决方案。唯一的...

如何在渲染方法中使用React Router替换组件？

我想用React-Router在单击“ Los geht's”之后用 组件更改 组件。请忽略handleClick方法，它是我的其中之一...

防止在单个路线上渲染导航组件，但在其他所有路线上渲染

所以我只有一个Route / reminder，在这里我不需要我的Navigation组件，但是我希望Navigation组件可以在其他每条Route上呈现，我不确定该怎么做？这是我的...

反应：如何继承PropTypes？

我有一个用于React Router Dom和Material UI的包装器组件：从'@ material-ui / core / Button'导入按钮；从'react'导入React；从“ react-router-dom”导入{Link as RouterLink}； ...

如何强制用户使用react-router-dom退出应用程序

我是React-router-dom和Web开发的新手。我正在移动浏览器上创建PWA，我找不到像在本机移动应用程序中那样导航用户以退出应用程序的方法，发生了...

无法获得反应路由器切换到另一页

我似乎无法使React Router正常工作。我将代码简化为以下最基本的示例。运行此程序时，如果我单击“主页”或“测试”，则......>

在点击时重新安装子路由

我正在使用以下子路径 [[[[]

我正在尝试通过单击按钮来返回上一页。我怎样才能做到这一点？任何帮助将不胜感激。在此先感谢

从{react-router-dom'导入{BrowserRouter as Router，Route};从'./Home'导入Home； App类扩展了Component {Constructor（props）{super（props）; this.state = {value：true} ...

如何更新在“ react-router-dom”的路径上呈现的组件？

[当我的应用程序运行componentDidMount（）时，我会异步获取数据componentDidMount（）{试试{ this.setState（{玩家：玩家}）; }抓住（e）{...