Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs redux表单验证未获取任何值_Reactjs_Redux_Redux Form - Fatal编程技术网

Reactjs redux表单验证未获取任何值

Reactjs redux表单验证未获取任何值,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我有一个React组件QuizContainer,连接到Redux以获取其他一些状态数据 该组件内部有一个名为“title”的组件。 我试图让验证函数为我的字段运行,但它似乎只输出一个空对象,而且只有在注册组件时才输出 这有什么问题吗 更新:完整组件 class QuizContainer extends React.Component { render() { return ( <div className="contentpanel"&

我有一个React组件QuizContainer,连接到Redux以获取其他一些状态数据

该组件内部有一个名为“title”的组件。 我试图让验证函数为我的字段运行,但它似乎只输出一个空对象,而且只有在注册组件时才输出

这有什么问题吗

更新:完整组件

class QuizContainer extends React.Component {

    render() {
        return (
            <div className="contentpanel">
                <div className="col-sm-6">
                    <form onSubmit={this.props.handleSubmit}>
                        <Field name="title" component={titleField} type="text" />
                    </form>
                </div>
            </div>
        )
    }
}

function mapStateToProps(state) {
    return {
        quiz: state.quiz,
        mediaPanel: state.mediaPanel
    }
}

function mapDispatchToProps(dispatch) {
    return {
        actions: bindActionCreators(quizActions, dispatch)
    }
}

const titleField = ({input,
    value,
    label,
    type,
    meta: { touched, error, warning }}) => (
    <div>
        <input {...input} type={type} value={value}/>
        {touched &&
        ((error && <span>{error}</span>) ||
          (warning && <span>{warning}</span>))}
    </div>
)

const validate = values => {
    const errors = {};
    if(values.title && values.title.length < 10){
        errors.title = 'Title is missing';
    }
    return errors;
}

QuizContainer = connect(mapStateToProps, mapDispatchToProps)(QuizContainer);

export default reduxForm({
    form: 'quiz',
    validate
})(QuizContainer)
类QuizContainer扩展React.Component{ render(){ 返回( ) } } 函数MapStateTops(状态){ 返回{ 测验:state.quick, mediaPanel:state.mediaPanel } } 功能图DispatchToprops(调度){ 返回{ 操作:bindActionCreators(提问、分派) } } 常量标题字段=({输入, 价值 标签, 类型, meta:{触摸,错误,警告}})=>( {感动&& ((错误&&{error})|| (警告&&{warning}) ) 常量验证=值=>{ 常量错误={}; if(values.title&&values.title.length<10){ errors.title='缺少标题'; } 返回错误; } QuizContainer=connect(MapStateTops,mapDispatchToProps)(QuizContainer); 导出默认reduxForm({ 表格:"问答比赛",, 验证 })(QuizContainer)
您可以发布整个组件吗?@请参阅是,请参阅更新