React Redux onClick等待操作完成

Question

我正在使用React和Redux来构建我的应用。

我有一个案例，其中一个组件（称为LeadForm）发送＆＃39;验证＆＃39;以及某些其他因素对此作出反应。如果验证对他们来说是真的，他们验证自己并发送然后错误true / false。然后，如果有错误，则LeadForm会转到另一个状态或等待解决错误。

一些代码：

<div class="hero-carousel__cell hero-carousel__cell--2 is-selected" style="position: absolute; left: 100%;">
      <div class="hero-carousel__cell__content">
        <p class="slogan slogan--easy">Easy to use.</p>
        <p class="slogan slogan--fun">Fun to flick.</p>
        <a href="http://stackoverflow.com/"><p class="slogan slogan--tagline">Flickity makes carousels, galleries, &amp; sliders that feel lively and effortless.</p></a>
      </div>
    </div>

如果有必要，这些元素会自我验证并发送错误：

const handleSubmit = (event) => {
  event.preventDefault();
  if (validate) {
    validate.forEach((element) => {
      store.dispatch(validateElement(element, true));
    });
    console.log(store.getState().error);
    if (goToState) {
      store.dispatch(changeState(goToState));
    }
  } else {
    store.dispatch(changeState(goToState));
  }
};

问题实际上很简单 - ＆gt;你看到console.log（store.getState（）。error）。这个过早被调用，并且没有错误甚至很难，其他元素在验证后表示错误。所以我需要等到其他元素完成验证。

为什么我这样做？我正在构建一个登陆页面管理系统，我可以通过后端界面将组件粘合在一起。