小编ada*_*_th的帖子

我是redux-form的新手,我在处理onSubmit时遇到了一个奇怪的问题.

当我在redux-form示例中完全按照http://redux-form.com/6.7.0/examples/syncValidation/设置我的项目时,它按预期工作.我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作:route component> form.

当我尝试在通过路径(路径组件>容器组件>表单)加载的反应组件中加载表单时,会出现问题.当我单击提交时,字段值将添加到地址栏并且表单验证不会运行.我已经尝试了所有我能想到的解决这个问题的方法.如果在index.js中替换<Main />,下面提供的代码将正常工作<RegisterForm handleSubmit={showResults} />.我在这里出错的任何想法？

RegisterForm.js:

import React from 'react';
import { Field, reduxForm } from 'redux-form';

const validate = values => {
    const errors = {};

    if (!values.name) {
        errors.name = 'Required';
    } else if (values.name.length <= 2) {
        errors.username = 'Must be 2 characters or more';
    } else if (values.name.length > 50) {
        errors.username = 'Must be 50 characters or less';
    }

    if (!values.email) {
        errors.email = 'Required';
    } …