在使用react-router(4.3.1)构建react路由时,进入首页发现报错
Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`.
in Router (created by ReactRouter)
in ReactRouter
检查代码
import React from 'react';
import {Route,Router,hashHistory} from 'react-router';
import App from '../App';
import Add from '../pages/Add';
import Modify from '../pages/Modify';
import Delete from '../pages/Delete';
import Query from '../pages/Query';
export default class ReactRouter extends React.Component{
render(){
return (
<Router history={hashHistory}>
<Route path='/'>
<Route path='app' component={App}>
<Route path='delete' component={Delete} />
<Route path='add' component={Add} />
<Route path='modify' component={Modify} />
<Route path='query' component={Query} />
</Route>
</Route>
</Router>)
}
}
发现已经添加了history这个属性,那么为什么还会报这个错误呢 这是因为引入的react-router版本是4的,所以这种老式写法不再支持,修改成V4新版本,使用react-router-dom库后显示正常。