react-router交换机正在停止状态以传递给子组件

时间:2018-08-05 21:05:59

标签: reactjs react-redux react-router-v4

我已经编写了用于学习react-redux的示例代码。我写的Provider已成功通过商店,但是react-router-dom的{​​{1}}阻止商店继续往下走。下面是index.js文件(应用程序的入口点)

Switch

上面代码背后的想法是: <Provider store={store}> <Router history={history}> <App> <Switch> <Route exact path="/" component={PhotoGrid} /> <Route path="/view/:postId" component={Single} /> <Route component={NotFound} /> </Switch> </App> </Router> </Provider> 是实现redux App方法的组件,然后调用connect组件,该组件是所有组件的父级。 Main是一种标题,在其下段落(MainPhotoGrid)将根据URL进行更改。 Single已解决。

Main

有人可以请问一下为什么class Main extends React.Component { render() { return ( <div> <h1> <Link to="/">Reduxtagram</Link> </h1> {React.cloneElement(this.props.children, this.props)} </div> ); } } 阻止了状态。 store state is visible here store state is not visible here

0 个答案:

没有答案