Javascript 从<;字段>;使用React.js和redux提交。
您好,我正在学习Reactjs、redux,我只想打印到console。记录此表单的用户名和密码 我尝试了console.log(例如target.user.value),但没有得到任何结果 这里是handle函数 然后是表单和2个字段 如何在handleSubmit函数中打印用户名和密码的值?请尝试以下代码:Javascript 从<;字段>;使用React.js和redux提交。,javascript,reactjs,Javascript,Reactjs,您好,我正在学习Reactjs、redux,我只想打印到console。记录此表单的用户名和密码 我尝试了console.log(例如target.user.value),但没有得到任何结果 这里是handle函数 然后是表单和2个字段 如何在handleSubmit函数中打印用户名和密码的值?请尝试以下代码: handleSubmit = values => { console.log('values',values); //Here you will get values
handleSubmit = values => {
console.log('values',values);
//Here you will get values in values.username & values.password
}
render(){
const { handleSubmit } = this.props;
return(
<form onSubmit={handleSubmit(this.handleSubmit)}>
<div className="form-inputs">
<Field type="text" label="Name" name="username" data-fieldname="username"
component={bootstrapFormField} placeholder="Username" />
<Field type="password" label="Password" name="password" data-
fieldname="password" component={bootstrapFormField}
placeholder="Password" />
</div>
<div className="form-actions text-right">
<button type="submit" className="btn btn-submit green">
Sign In
</button>
</div>
</form>
)
}
handleSubmit=value=>{
console.log('values',values);
//在这里,您将获得values.username和values.password中的值
}
render(){
const{handleSubmit}=this.props;
返回(
登录
)
}
请将您的代码以文本格式而不是图像的形式包含在内,最好同时包含一个。