React + Redux：如何显示验证消息

Question

我想用最大计数验证下拉列值，并通过在验证时将其绑定到html标签来显示错误消息。目前我正在使用警报显示它。

我的文件“test.js”

render() {
    let testmethod = (criteriaType, e) => {
         switch(criteriaType)
            case("adults"): 
               if(e.target.value > MaxAdultCount) {
                  //display message
                  alert("Invalid Adult Count");
               }
            break;
        ............ // rest code
    }; 
}

如果需要更多详细信息，请与我们联系。

Answer 1

我通过构建自己的验证下拉字段解决了这个问题，请在此处查看：

https://github.com/mi-squared/volunteer-portal/blob/master/client/src/components/dropdown-field.jsx

除了下拉选项之外，此组件还构建自己的标签。如果组件的错误支柱包含组件的名称，则会在组件标签中呈现错误。

我希望这个例子有所帮助。