我有两个组件App和SubApp。在App组件中像这样在历史道具中推送状态后:
this.props.history.push({
pathname: '/subApp',
state: { parent: 'app'}
})
当我尝试使用以下位置道具访问SubApp中的状态时:
this.props.location.state.parent
我收到此错误:
TypeError:无法读取未定义的属性“ parent”。
有人可以帮助我找出为什么我无法使用定位道具进入该州吗?
我的index.js文件:
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { Router, Switch, Route } from 'react-router-dom'
const history = createBrowserHistory()
const store = configureStore(window.__INITIAL_STATE__)
const rootElement = document.getElementById('content')
ReactDOM.render((
<Provider store={store}>
<Router history={history}>
<Switch>
<Route exact path='/' component={App} />
<Route path='/subApp' component={SubApp} />
</Switch>
</Router>
</Provider>
), rootElement)