反应上下文路由器未定义

Question

我正在尝试在组件中使用上下文路由器，但我不明白为什么它是undefined。
搜索类似的问题后，我尝试了不同的解决方案，例如：

• 将withRouter hoc包装到我的组件中
• 为contextTypes添加了router
• 确保App组件被BrowserRouter包裹
• 试图同时访问router和this.props.router的{​​{1}}

这是我的代码：
this.context.router

index.js

import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import { BrowserRouter as Router } from 'react-router-dom'; import { AppRedux } from 'components'; import store from './store'; ReactDOM.render( <Provider store={store}> <Router> <AppRedux /> </Router> </Provider>, document.getElementById('app') );

AppRedux.js

import { connect } from 'react-redux'; import AppContainer from './AppContainer'; const mapDispatchToProps = (dispatch) => ({ // ... }) const mapStateToProps = (state) => ({ // ... }) export default connect(mapStateToProps, mapDispatchToProps)(AppContainer); -这是我尝试访问上下文路由器的地方

AppContainer.js