Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.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 form v6 can';不要在字段属性内使用renderField_Reactjs_Redux - Fatal编程技术网

Reactjs redux form v6 can';不要在字段属性内使用renderField

Reactjs redux form v6 can';不要在字段属性内使用renderField,reactjs,redux,Reactjs,Redux,我只是尝试了redux FormV6 RC 4,我认为它比v5更好。但我在代码的某个地方被绊倒了。我的组件无法与renderField一起使用,因为我的“提交”和“清除值”按钮无法启用。 有人能检查一下我的代码吗,有什么问题吗。谢谢 从“React”导入React; 从'redux form'导入{reduxForm,Field}; 将*作为动作从“../actions”导入; 从“react router”导入{browserHistory}; 常量验证=值=>{ 常量错误={}; 如果(!

我只是尝试了redux FormV6 RC 4,我认为它比v5更好。但我在代码的某个地方被绊倒了。我的组件无法与renderField一起使用,因为我的“提交”和“清除值”按钮无法启用。 有人能检查一下我的代码吗,有什么问题吗。谢谢

从“React”导入React;
从'redux form'导入{reduxForm,Field};
将*作为动作从“../actions”导入;
从“react router”导入{browserHistory};
常量验证=值=>{
常量错误={};
如果(!values.email){
errors.email='Required'
}如果(!/^[A-Z0-9.%+-]+@[A-Z0-9.-]+\[A-Z]{2,4}$/i.test(values.email)){
errors.email='无效的电子邮件地址'
}
如果(!values.password){
errors.password='Required'
}
返回错误
};
const renderField=(道具)=>(
{props.placeholder}
{props.toucted&&props.error&&{props.error}
);
const Loginv6=(道具)=>{
const{handleSubmit,pristine,reset,submiting}=props;
返回(
登录
明确的价值观
)
};
函数MapStateTops(状态){
返回{
errorMessage:state.auth.error,
已验证:state.auth.authenticated
}
}
导出默认reduxForm({
表格:'Loginv6',
验证

},mapstatetops,actions)(Loginv6)也花了4个小时试图弄明白这一点。终于明白了

将renderField更改为:

const renderField = (props) => (
    <div>
        <label>{props.placeholder}</label>
        <div>
            <input {...props.input}/>
            {props.meta.touched && props.meta.error && <span> {props.meta.error} </span>}
        </div>
    </div>
);
const renderField=(道具)=>(
{props.placeholder}
{props.meta.com&&props.meta.error&&{props.meta.error}
);

他们更改了传递到字段组件的道具,以便绕过DOM元素上无效属性的新警告。他们需要修复文档中的示例以反映这一点。

刚刚花了4个小时试图解决这个问题。终于明白了

将renderField更改为:

const renderField = (props) => (
    <div>
        <label>{props.placeholder}</label>
        <div>
            <input {...props.input}/>
            {props.meta.touched && props.meta.error && <span> {props.meta.error} </span>}
        </div>
    </div>
);
const renderField=(道具)=>(
{props.placeholder}
{props.meta.com&&props.meta.error&&{props.meta.error}
);

他们更改了传递到字段组件的道具,以便绕过DOM元素上无效属性的新警告。他们需要修复文档中的示例以反映这一点。

实际上文档已经更新,只是没有链接到redux-form.com上:实际上文档已经更新,只是没有链接到redux-form.com上: