状态没有被推入React-router历史道具

时间:2019-11-01 10:47:43

标签: react-router-v4 react-router-dom

我有两个组件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)

0 个答案:

没有答案