Warning: Failed prop type: The prop history
is marked as required in Router
, but its value is undefined
.
"react-router": "^5.1.2"
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route } from 'react-router'
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render((
<Router>
<Route path="/" component={App}/>
{/* <Route path="/repos" component={Repos}/>
<Route path="/about" component={About}/> */}
</Router>
), document.getElementById('root'))
serviceWorker.unregister();
查了好久,都说是版本问题,换了n个版本,还是会报错,后来看到说要从react-router-dom引入,所以安装了以后,像下面这样写,不知道有没有跟我一样脑回路不一般。
import { Router, Route } from 'react-router-dom'
依然报错,对于我这样的小白来说真的是很折磨了,后来终于发现还是格式不对,主要原因还是由于Router更新api所导致,具体解决方案,参照React api文档中内容 https://reacttraining.com/react-router/web/api/Route 将路由引入方式作出如下修改即可。最后改成这样终于好了。
import { HashRouter as Router, Route } from 'react-router-dom'
虽然是个很小的问题,解决了也很高兴,我就是这么的容易满足,不过react-router中还是有很多东西是我不知道的,学习的路还很长,加油吧!