我很难理解何时使用组件以及何时使用容器。我知道只有容器应该连接到商店，所有（展示）组件都应该获得所有必要的输入作为道具。
如果我想写一个登录页面，我会创建一个LoginPage.js 来呈现UserForm.js。现在我不太明白如何从这里开始。我应该将 UserForm 连接到商店或 LoginPage 还是编写一个呈现 LoginPage.js 并连接到商店的 LoginContainer.js 会更好？
在最后一种情况下，我如何在提交 UserForm 时调度（异步，使用 redux-thunk）动作。这必须以某种方式从 LoginPage 完成，但 LoginPage 不知道任何提交，是吗？
我希望这个问题不要太模糊或不清楚。 任何帮助将不胜感激！
干杯
【问题讨论】：
标签： reactjs redux redux-thunk
将您的 LoginPage.js 连接到 redux 存储并在其中渲染 LoginForm.js。将所有必要的数据作为 props 传递（也可以传递函数）
对于前-
你的LoginPage.js 会是这样的（我这里没有写完整的代码）
onLogin(loginData) {
// do what you wanna do on login and call routeActions to move another
page after successfull login
}
render() {
return(
<LoginForm login={this.props.login} onLogin={this.onLogin} />
);
}
const mapStateToProps = (state) => ({
login: state.login, // put your redux state here
});
export default connect(mapStateToProps)(LoginPage);
别忘了声明 props...
你的LoginForm.js应该是这样的
render() {
return (
//some html stuff here(login form)
// on submit call that method from props
// this.props.onLogin(pass login data here)
);
}
我希望这会对您有所帮助。 如果您在这里有任何查询帖子...
【讨论】：