reactjs - 如何在 onsubmit 函数中导航到新页面
问题描述
我有一个表单应该存储数据并在导航到新屏幕时将其作为参数传递。我的结构是这样的。形式:
return (
<View style={styles.container}>
<Formik
initialValues={{
first_name: '',
last_name: '',
}}
// Form submission action
onSubmit={(values) => {
const d = addData(values);
this.props.navigation.navigate('Cart', {
screen: 'Process Payment',
params: {data: d},
});
}}>
{(props) => (
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : null}
style={{flex: 1, width: '100%'}}>
<ScrollView style={styles.inner}>
<TextInput
style={styles.input}
placeholder="first name"
onChangeText={props.handleChange('first_name')}
value={props.values.first_name}
/>
<TextInput
style={styles.input}
placeholder="last name"
onChangeText={props.handleChange('last_name')}
value={props.values.last_name}
/>
<View style={[{width: '90%', margin: 10, alignSelf: 'center'}]}>
<Button
title="place order"
color="maroon"
onPress={props.handleSubmit}
style={{padding: 3, width: '80%'}}
/>
</View>
</ScrollView>
</KeyboardAvoidingView>
)}
</Formik>
</View>
);
}
提交功能:
onSubmit={(values) => {
const d = addData(values);
this.props.navigation.navigate('Cart', {
screen: 'Process Payment',
params: {data: d},
});
}}>
我的错误:
Warning: An unhandled error was caught from submitForm() [TypeError: undefined is not an object (evaluating '_this.props.navigation')]
我不确定如何在 onsubmit 函数中导航到新屏幕
解决方案
onSubmit={(values) => {
const d = addData(values);
props.navigation.navigate('Cart', {
screen: 'Process Payment',
params: {data: d},
});
}}>
我拿出了“这个”,只是调用了 props.navigation.navigate
推荐阅读
- python - 检查数据中是否有日期跳过
- c# - 选择保留在excel中的前一个单元格上
- c# - 如何检查属性[]是否已被使用
- java - 带有匿名内部类的 Java 比较器接口 NullsLast
- typescript - 以类型安全的方式迭代对象属性
- c# - 如何实现自定义授权asp.net core mvc
- java - 如何在 Android 中使用 MPAndroidChart 自定义饼图?
- javascript - NPM 知道脚本是否作为前/后脚本运行
- reactjs - IonSearchbar inputmode="search" 在 iPhone 上不起作用
- java - 打印包含不同单词的java数组的所有组合