我想要一些有关如何组织我的容器和组件的经验建议 .
我的React容器是InvitePage
我的React组件是InviteForm
我的问题是，当用户在React.Component InviteForm中提交表单时，我应该在哪里有handleSubmit函数？在容器或组件？
此外，在handleSubmit之后，我应该在哪里获得更新视图的代码以向用户显示成功的UI - 例如：成功！您的邀请已被发送 .
欣赏在React中解决上述反应形式-redux生命周期的最佳实践 . 谢谢
反应中的主要模式（在rect-redux中更为重要）是用户操作不会直接导致更改用户界面的操作 . 用户操作会导致更改状态的操作 . 一旦状态改变，所有使用该部分状态的组件都会被重新渲染，并且他们只需要注意正确渲染以反映状态 .
这部分如何适用于您的问题："Also, after handleSubmit, where should I have the code that updates the view to show the user a success UI - example: Success! Your invites hav been sent."？
答案是您不需要更新视图的部分代码来显示"Success"消息 . 您需要部分代码来修改反映成功邀请的部分状态（在redux动作创建者和减少者中），如 state.invitationSuccess: true .
state.invitationSuccess: true
如果状态的这一部分为真，那么您的组件将负责显示成功消息 .
至于谁应该处理提交，可以使用两种方法，一种表单组件处理提交（可能通过调度操作），更简单 . 在您使用相同表单编辑多个实体的情况下，容器处理提交的位置可以更灵活 .
1 回答
反应中的主要模式（在rect-redux中更为重要）是用户操作不会直接导致更改用户界面的操作 . 用户操作会导致更改状态的操作 . 一旦状态改变，所有使用该部分状态的组件都会被重新渲染，并且他们只需要注意正确渲染以反映状态 .
这部分如何适用于您的问题："Also, after handleSubmit, where should I have the code that updates the view to show the user a success UI - example: Success! Your invites hav been sent."？
答案是您不需要更新视图的部分代码来显示"Success"消息 . 您需要部分代码来修改反映成功邀请的部分状态（在redux动作创建者和减少者中），如
state.invitationSuccess: true.如果状态的这一部分为真，那么您的组件将负责显示成功消息 .
至于谁应该处理提交，可以使用两种方法，一种表单组件处理提交（可能通过调度操作），更简单 . 在您使用相同表单编辑多个实体的情况下，容器处理提交的位置可以更灵活 .