[英]How do I pass props to get a cancel button to work in React on a Redux-Form
[英]How do I pass props to the onSubmitSuccess callback in Redux Form?
我正在建立一个反应本机应用程序,我正在使用Redux-form作为我的注册表单。 我目前有一个表单并且成功,但我想仅在成功的情况下导航到下一页。 在我的代码中,我使用了redux-form的onSubmitSuccess函数,我需要使用props来导航到下一页,但是当我尝试在onSubmitSuccess中使用props时,它告诉我“没有定义道具”。 在redux-form v6.5.0中,你可以将props传递给onSubmitSuccess,但我不确定如何做到这一点。 这是它的文档: https : //github.com/erikras/redux-form/blob/master/docs/api/ReduxForm.md#onsubmitsuccess--function-optional
以下是我的代码片段:
render() {
const {handleSubmit, touched, error} = this.props
const onSubmit = (values, dispatch) => {
this.props.addFirstName(values.firstName)
this.props.addLastName(values.lastName)
this.props.addEmailAddress(values.emailAddress)
this.props.addPassword(values.password)
}
return (
<Container>
<View theme={theme}>
<Image source={require('../../../images/BG-signUp.png')} style={styles.background} >
<Content padder scrollEnabled={false}>
<Text style={styles.signupHeader}>
CREATE ACCOUNT
</Text>
<View style={styles.signupContainer}>
<Field name = "firstName" component = {renderFirstName} />
<Field name = "lastName" component = {renderLastName} />
<Field name = "emailAddress" component = {renderEmailAddress} />
<Field name = "password" component = {renderPassword} />
<Field name = "confirmPassword" component = {renderConfirmPassword} />
<Button
rounded transparent block
onPress={handleSubmit(onSubmit)}
style={styles.signupBtn}
>
Continue
</Button>
<TouchableOpacity>
<Text style={styles.termsText}>Terms & Conditions</Text>
</TouchableOpacity>
</View>
</Content>
</Image>
</View>
</Container>
)
}
function bindAction(dispatch) {
return {
addFirstName: (firstName) => dispatch(addFirstName(firstName)),
addLastName: (lastName) => dispatch(addLastName(lastName)),
addEmailAddress: (emailAddress) => dispatch(addEmailAddress(emailAddress)),
addPassword: (password) => dispatch(addPassword(password)),
reset: key => dispatch(reset([{ key: 'orgPage' }], key, 0)),
};
}
const mapStateToProps = state => ({
navigation: state.cardNavigation,
credentials: state.credentials
});
/*export default connect(mapStateToProps, bindAction)(SignUp);*/
SignUp = reduxForm({
form: 'signup',
validate,
onSubmitSuccess: () => {
this.props.reset(this.props.navigation.key)
}
})(SignUp);
SignUp = connect(mapStateToProps, bindAction)(SignUp);
SignUp = reduxForm({
form: 'signup',
validate,
onSubmitSuccess: () => {
this.props.reset(this.props.navigation.key)
}
})(SignUp);
this
在胖箭功能中没有任何意义。 道具被赋予onSubmitSuccess
作为第三个参数。
SignUp = reduxForm({
form: 'signup',
validate,
onSubmitSuccess: (result, dispatch, props) => {
props.reset(props.navigation.key) // <---------
}
})(SignUp);
希望有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.