在 reduxform 中获取未定义的字段名称答案

【问题标题】：Getting undefined for Field name in reduxform在 reduxform 中获取未定义的字段名称
【发布时间】：2019-01-28 13:07:24
【问题描述】：

我在类组件中有 redux 表单，由于某种原因，当我在控制台记录 formValues 时，我得到未定义的问题是什么？

class CreateTeamBox  extends Component{

    handleFormSubmit({name}){
        console.log(name);

      }

    renderError = ({ touched, error}) => {
        if(touched && error) {
            return(
                <div>{error}</div>
            );
        }
    }

    renderInput = ({input, label, type, meta}) => {



        return(
            <div className={styles.formGroup}>
                <label>{label}</label>
                <input  {...input} />
                <div className={styles.errorWrapper}>
                        {this.renderError(meta)}
                </div>

            </div>

        );

    }

    render() {
        const {handleSubmit, error} = this.props ;
        return(

            <div className={styles.createTeamBox}>
                <div className={styles.titleWrapper}>
                    <h2>create team</h2>
                </div>
                <div className={styles.bodyWrapper}>
                        <div className={styles.submitErrorWrapper}>
                            {error ?  <Error error={error} /> : null}   
                        </div>
                        <form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}>
                            <Field name="name" component={this.renderInput} label="name" />
                             <button className={styles.button} type="submit" >create</button>
                        </form>
                </div>
            </div>

)
    }
}


const validate = (formValues) => {
    console.log(formValues.name);
    const name = formValues.name;


     const errors = validateForm(name);


    return errors;



}

export default reduxForm({
    form: 'createTeamForm',
    validate

})(CreateTeamBox);

我在同一个给定项目中有不同名称的其他 reduxform，是否会导致问题？我不确定为什么会这样，因为我已经从给定项目中的 reduxform 中复制了大部分 coe。

【问题讨论】：

标签： reactjs redux redux-form

【解决方案1】：

formValues的默认值为空对象，在字段中输入一些数据后即可获取值，也可以使用initialValues传递值

【讨论】：