formik形式和是,行动后错误没有得到更新

时间:2018-03-28 12:32:54

标签: reactjs redux formik yup

<InputAutoSuggest
    name="name"
    suggestions={this.props.theatreSuggestions}
    onSuggestionsFetchRequested={this.props.onSuggestionsFetchRequested}
    onSuggestionsClearRequested={this.props.onSuggestionsClearRequested}
    getSuggestionValue={this.getSuggestionValue}
    renderSuggestion={this.renderSuggestion}
    inputPropsValue={this.props.newVal}
    value={this.props.value}
    onChange={setFieldValue}
    onBlur={setFieldTouched}
    error={errors.name}
    touched={touched.name} 
    onSuggestionSelected={this.onSuggestionSelected}
    newChange={this.props.newChange}
/>
{ errors.name && touched.name && <div className="invalid-feedbac">{errors.name}</div>}

所以从这里开始,它会转到autosuggest输入操作,但每当我输入错误时,都会继续显示错误。表单也不会被提交

编辑(来自评论)

错误说明:

validationSchema={ Yup.object().shape({ name: Yup.string() .required("Theatre name is required!"), street1: Yup.string() .required("Street1 name is required!"), 

所以这是我的架构,每当我输入名称时,它会显示验证消息,剧院名称是必需的。

0 个答案:

没有答案