Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is...

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((
  
    
    {/* 
     */}
  
), 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中还是有很多东西是我不知道的,学习的路还很长,加油吧!

你可能感兴趣的:(Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is...)