在React和Redux中更新道具而不离开功能

Question

我有简单的检查，当用户点击按钮时，我必须这样做：

<button 
    onClick={() => {
        this.props.validatingActions.validate(this.props.Email.Value);
        this.props.submittingActions.submitValidation(this.props.Email.IsValid);
}}>Submit</button>

首先，Redux商店中的电子邮件验证电子邮件是否有效，然后，某些操作验证电子邮件是否有效。

问题是，这一点。执行此操作后，道具不会更新。道具。validatingActionsvalidate，它们只是在离开anonymousonClick函数后的更新，因此。道具。电子邮件IsValid具有旧值。

在这种情况下，如何正确更新道具？

Answer 1

换道具不是解决问题的方法。你验证和提交的逻辑在哪里？直接在减速机里？要么在同一个动作上做这两件事，要么使用副作用库一个接一个地做。无论如何，从动作的名称来看，我不明白你为什么要为此使用redux动作。对我来说，验证输入听起来不像是状态更改。您应该用一个简单的函数验证它，并根据它是否正常，相应地操作（用一个操作）。

Answer 2

尝试使用Redux表单http://redux-form.com/6.5.0/examples/syncValidation/，当您要使用表单时

Answer 3

请注意，您不应该（在大多数情况下也不能）更改组件自己的道具。有关更多详细信息，请查看此SO答案。

另外，请注意ReactsetState是异步的，因此在调用setState后不会立即进行状态更改。因此，基于状态的道具也不会在发送动作后立即更新。

当道具被更新时，组件将被重新渲染，如果您需要立即更改道具值，我假设在组件渲染功能中不需要它，而是在其他地方决定是否执行另一个操作。如果是这样，它应该在操作中处理：您可以使用redux thunk来调度异步或条件操作。