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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 准备电脑 配置Windows 10 在Microsoft Store中安装Canonical Group L...
    王子威PtaYoth阅读 4,827评论 3 0
  • MQ MQTT创建订单失败原因分析 出现的问题   12.12晚上灰度期间测试发现订购时创建订单会存在偶发的失败,...
    漩涡佐助栋阅读 3,907评论 0 0
  • 在男生的视力表里,除了颜值、身材之外,其实性格也会成为相处过程中一个很重要的因素,那男生喜欢和什么性格的女生相处呢...
    183ad803255f阅读 838评论 0 0
  • 读《条条大路通书法》有感 这本书一共分为三个部分:书法之法、书法之论、书法之史;共36个小节,和一个后记组成。主要...
    张敏_23c0阅读 3,012评论 0 0
  • " No one should come to me with his difficulties or seek ...
    圣微阅读 1,865评论 0 1