已解决反应导航不起作用反应本机

Question

我只是提供一个 console.log（数据）并导航到另一个屏幕。

但我遇到以下错误：

组件异常 undefined 不是对象

我做错了什么？

注意：当我使用时，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

Answer 1

不要使用useCallback，试试下面的。

const handleSignUp = (data) =>{
    console.log(data);
    navigation.navigate('SignUpPersonalData',{data: data});
}