React-Native: тип элемента недопустим: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined - PullRequest
Новая
       41

React-Native: тип элемента недопустим: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined

0 голосов
/ 02 апреля 2020

Я пытаюсь следить за видео на YouTube, касающимся React Navigation v5, но я сталкиваюсь с этой проблемой. Я видел похожие вопросы на StackOverflow, но ответы не помогли, может быть, я что-то упустил. Я использую Expo v- 3.17.11

Приложение. js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Routes from "./src/Routes"

export default class App extends React.Component{
  render(){
    return(
      <View>
        <Routes/>
      </View>
    )
  }
}

Маршруты. js

import React from 'react'
import {createStackNavigator} from "@react-navigation/stack"
import {NagivationContainer} from "@react-navigation/native"
import {SignIn,CreateAccount} from "../Screen/screens"

const Stack = createStackNavigator();

const Routes = () => {
    return (
      <NagivationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Sign-in" component={SignIn}/>
          <Stack.Screen name="Sign-in" component={CreateAccount}/>
        </Stack.Navigator>
      </NagivationContainer>
    );
  }
  export default Routes;

Экраны. js

import React from 'react';
import { View,Text,StyleSheet,Button } from "react-native";

export const SignIn =({navigation}) => {
    return(
    <View>
        <Text>login screen</Text>
        <Button title="Sign-In" onPress={() => alert("TODO!!")}/>
        <Button title="Create an Account" onPress={() => navigation.push("CreateAccount")}/>
    </View>
    )
}

export const CreateAccount= () =>{
    return(
        <ScreenContainer>
            <Text>Create Account Screen</Text>
            <Button title="Sign-Up" onPress={() => alert("todo!")}/>
        </ScreenContainer>
    );
}

Я уже проверил свои операторы импорта и использовал Import{Routes} и import Routes, но не работал. не уверен что еще попробовать.

ошибка говорит 

Check the render method of 'Routes'
In Routes (at App.js:9)

1 Ответ

0 голосов
/ 02 апреля 2020

Ух ты, какая пустая трата вопроса. ИДК, если я должен удалить свой пост. Ошибка была опечатка

я поставил <NagivationContainer/> вместо <NavigationContainer/> извините всех, кто видел этот беспорядок

...