私のアクションをreduxForm呼び出しに渡そうとすると、アクションがそのプロップにマップされません。このエラーが発生しました:Redux-form matchDispatchToPropsが動作しません
以下にエラー再現の手順を示します。ご協力いただき誠にありがとうございます!
import { Field, reduxForm } from 'redux-form';
...
export default reduxForm({
form: 'authentication'
}, null, signUpUser)(Login);
をreduxFormするReduxの-サンク
export function signUpUser({ firstName, lastName, email, password, passwordConfirm }) {
console.log("action: ", firstName)
console.log("action: ", lastName)
console.log("action: ", email)
console.log("action: ", password)
console.log("action: ", passwordConfirm)
return function(dispatch) {
dispatch({
type: AUTH_USER,
payload: response.data.message
});
}
}
VSCodeメソッドシグネチャヘルパー
(alias) reduxForm(config: ReduxFormConfig, mapStateToProps?: MapStateToProps, mapDispatchToProps?: MapDispatchToPropsFunction | MapDispatchToPropsObject): ClassDecorator
import reduxForm
マイコールと
マイ・テスト・アクション・クリエーター
私React.Component
handleFormSubmit(values) {
this.validateFields(values);
console.log("works")
if (this.state.errors.email.exists && this.state.errors.email.valid && this.state.errors.password.match) {
console.log("works2")
this.props.signUpUser(values);
}
}
あなたは 'export default reduxForm({ フォーム: '認証' }、null、{signUpUser:signUpUser})(ログイン)をエクスポートしましたか? –
ちょっと@JyothiBabuAraja、私はv6を使用しているので、以下のJaganathanの答えが働いています。私はあなたがES5の構文から来ている場所を得る:)ありがとう! – Clement