如何解决解决的React导航无法正常工作
我只是提供console.log(数据)并导航到另一个屏幕。
但是我遇到以下错误:
组件异常 未定义不是对象
我在做什么错了?
注意:当我使用时,navigation.goBack()有效。
下面的代码;
错误仍然存在
有人可以帮我吗?
代码已更新
import React,{ useRef } from 'react';
import { useNavigation } from '@react-navigation/native';
import { Form } from '@unform/mobile';
import {
KeyboardAvoidingView,Platform,ScrollView,Image,} from 'react-native';
import logo from '../../assets/logo.png';
import Input from '../../components/Input';
import Button from '../../components/Button';
import { Container,FormContainer,Title,TitleContainer } from './styles';
export default function SignUp() {
const formRef = useRef(null);
const navigation = useNavigation();
const handleSignUp = data => {
console.log(data);
navigation.navigate('SignUpPersonalData',{ data });
};
return (
<>
<KeyboardAvoidingView
style={{ flex: 1 }}
behavior={Platform.OS === 'ios' && 'padding'}
enabled
>
<ScrollView keyboardShouldPersistTaps="handled">
<Container>
<Image source={logo} />
<TitleContainer>
<Title>Crie sua conta</Title>
</TitleContainer>
<Form ref={formRef} onSubmit={handleSignUp}>
<Input
autoCorrect={false}
autoCapitalize="none"
keyboardType="email-address"
name="email"
icon="mail"
placeholder="E-mail"
/>
<Input
secureTextEntry
returnKeyType="send"
name="password"
icon="lock"
placeholder="Senha"
/>
<Button onPress={() => formRef.current.submitForm()}>
Continuar
</Button>
</Form>
</Container>
</ScrollView>
</KeyboardAvoidingView>
</>
);
屏幕截图错误:
SX
解决方法
不要使用useCallback,请尝试以下操作。
const handleSignUp = (data) =>{
console.log(data);
navigation.navigate('SignUpPersonalData',{data: data});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。