Javascript redux表单字段参数为空
我在redux表单方面遇到了一些问题,handleSubmit传递给它接收的函数的参数基本上是空的 让我描述一下我的文件(为了清晰和简洁,我将使用要点): 如果您可以在这行中看到:Javascript redux表单字段参数为空,javascript,reactjs,redux,react-redux,redux-form,Javascript,Reactjs,Redux,React Redux,Redux Form,我在redux表单方面遇到了一些问题,handleSubmit传递给它接收的函数的参数基本上是空的 让我描述一下我的文件(为了清晰和简洁,我将使用要点): 如果您可以在这行中看到: 这个超简单的功能: onFormSubmit(fields) { console.log(fields); }; 字段为空,但表单缩减器处于活动状态,并且与注册字段一起存在: 有什么想法吗?呈现自定义字段组件(d'oh!)的renderLoginField函数没有使用输入属性 以下是您的renderL
这个超简单的功能:
onFormSubmit(fields) {
console.log(fields);
};
字段为空,但表单
缩减器处于活动状态,并且与注册字段一起存在:
有什么想法吗?呈现自定义字段组件(d'oh!)的
renderLoginField
函数没有使用输入
属性
以下是您的renderLoginField
函数正确更改的代码:
const renderLoginField = ({icon, input, type, meta: { touched, error }}) => {
let mailIcon = 'fa-envelope-o';
let passIcon = 'fa-key';
return (
<div className='form-group input-group'>
<span className='input-group-addon' id='email'>
<i className={`fa ${icon === 'mail' ? mailIcon : passIcon}`} />
</span>
<input
{ ...input } // <-- missing in your code!!
type={type}
aria-describedby={type}
name={input.name}
placeholder={`Insert ${type}`}
className='form-control'/>
</div>
);
};
constrenderloginfield=({icon,input,type,meta:{toucted,error}})=>{
让mailIcon='fa-envelope-o';
让passIcon='fa key';
返回(
您使用的是什么版本?@gustavohenke我使用的是“redux form”:“^6.4.3”
,并且对象不是未定义的,而是空的(出于此目的,这是一件令人羞耻的事情)。我无法解决这个问题。仔细看一下,您忘了向我们展示您的renderLoginField
函数!完成后,我将该函数添加到要点和行的链接。renderLoginField
只是一个无状态组件,用于使用redux form/field
组件呈现表单字段。