Question

我正在写一个反应网站，它具有主人细节感。我进行服务器调用以填充我的主组件。当用户单击主组件上的项目时，它使用React Router导航到详细视图。但是，我的州不再居住。相反，似乎我在这个新组件中得到了我的初始状态。

据我所知，我使用了所有库中的最新版本。

index.js

const store = storeFactory( initialState );
const myHistory = createBrowserHistory();
ReactDOM.render(<Provider store={store}>
                  <Router history={ myHistory }>
                    <div>
                      <Route exact path='/' component={App} />
                      <Route exact path='/contrib' component={Contributions} />
                      <Route exact path='/story/:id' component={FullStory} />
                    </div>
                  </Router>                 
                </Provider>,
                document.getElementById('root'));

Story.jsx（App的孩子）

 <div className="faux-row">
        <Link className="invisible-link" to={`/story/${this.props.story.id}`}>
          <div className="story">
            <div className="story-header">

FullStory.jsx

const mapStateToProps = (state) =>  {
  console.log(state);     
  return {
    stories: state.story_groups
  }
}

这里显示的

story_groups是空的。我如何保持状态？

编辑：

我正在使用redux-sage中间件来调用服务器。调度来自App组件中的ComponentWillMount（）。

React Redux路由器组件具有空状态

0 个答案: