如何使用React + Flux进行简单的表单验证？

Question

我最近开始使用react和flux，我想知道验证表单时的正确方法是什么？仅使用react我会直接在view-controller中处理它。但是，既然我使用flux，我应该将这个逻辑移到要处理的商店吗？

Answer 1

我创建的这个library负责处理与验证字段相关的所有事情，无需负担存储......

要验证您的字段，您只需要将字段组件包装好即可完成...省去了手动管理状态的大量工作。

<Validation group="myGroup1"
    validators={[
            {
             validator: (val) => !validator.isEmpty(val),
             errorMessage: "Cannot be left empty"
            }, ...
        }]}>
            <TextField value={this.state.value}
                       className={styles.inputStyles}
                       style={{width: "100%"}}
                       onChange={
                        (evt)=>{
                          console.log("you have typed: ", evt.target.value);
                        }


     }/>