javascript - React Native 需要一个字符串或类函数，但未定义

Question

我收到此错误:与世博会一起构建
将容器导入主文件 app.js 时出现问题

登录代码

import React, { Component } from 'react';
import LoginForm from '../components/LoginForm';
export default class SignIn extends Component {
  render() {
        return (
            <View>
               <Text>
               </Text>
            </View>
        );
    }
}

App.js代码

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  TextInput
} from 'react-native';
import SignIn from './app/containers';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>

        <Text style={styles.instructions}>
          Ma App
        </Text>

         <SignIn />
      </View>
    );
  }
}

如果我删除登录就可以了!

屏幕上出现错误

Answer 1

很可能您的 SignIn 组件的路径不正确，或者您缺少 index.js 导出。您可以通过控制台记录组件 SignIn 来测试这个理论；你会发现它打印undefined。

原因是您尝试从路径 ./app/containers 导入默认模块 SignIn。假设这是一个有效的路径，您将尝试从 ./app/containers/index.js 导入默认导出。这不太可能是正确的，因为 index.js (又名桶)的目的是从应用程序目录导出多个公共(public)模块。

假设您的 index.js 定义正确，并且包含以下内容或类似内容。

export { default as SignIn } from './SignIn.js';

然后您应该更新 SignIn 的导入以导入命名模块而不是默认模块；如下。

import { SignIn} from './app/containers';

或者，您可以直接从组件的源文件导入默认模块。

import SignIn from './app/containers/SignIn';

希望这有帮助!