我已经编写了用于学习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
是一种标题,在其下段落(Main
,PhotoGrid
)将根据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>
);
}
}
阻止了状态。