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