Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应路由器v4不工作_Reactjs_React Router_React Router V4 - Fatal编程技术网

Reactjs 反应路由器v4不工作

Reactjs 反应路由器v4不工作,reactjs,react-router,react-router-v4,Reactjs,React Router,React Router V4,我有以下路由器设置代码: import React from 'react'; import { Router, Route, browserHistory } from 'react-router'; import App from './App'; export default () => ( <Router history={browserHistory}> <Route name="demo" path="/mydemo" componen

我有以下路由器设置代码:

import React from 'react'; 
import { Router, Route, browserHistory } from 'react-router'; 
import App from './App'; 

export default () => ( 
  <Router history={browserHistory}> 
    <Route name="demo" path="/mydemo" component={App} /> 
  </Router>
);

我认为您的React Router v3和v4实现可能混淆了。也许你最近升级了

无论如何,请尝试:

import {BrowserRouter, Route} from 'react-router-dom';

...

render((
  <BrowserRouter>
    <Route path="/" component={App} />
  </BrowserRouter>
), document.getElementById('root'));
从'react router dom'导入{BrowserRouter,Route};
...
渲染((
),document.getElementById('root');

如果尚未安装,请不要忘记安装
react router dom
。另外,如果您需要更多信息,请查看官方指南。

您在哪里填充
browserHistory
变量?我刚在安装了react路由器包后从“react router”导入{router,Route,browserHistory};您使用的是什么版本的react路由器?从“react”导入react;从“react Router”导入{Router,Route,browserHistory};从“./App”导入应用程序;导出默认值()=>();我用的是4version@Ramusesan很高兴我能提供帮助。下面还可以从“react Router dom”很好地导入{HashRouter as Router,Route};从“./components/App”导入应用程序;render((),document.getElementById('root');链接在我的情况下不起作用。我可以看到url已更改,但我的组件从未加载
import {BrowserRouter, Route} from 'react-router-dom';

...

render((
  <BrowserRouter>
    <Route path="/" component={App} />
  </BrowserRouter>
), document.getElementById('root'));