从 React Native 中的不同文件导入类组件

Question

我有一个名为“app”的文件夹，其中包含一个“views”文件夹。在视图内部，我有一个“Home.js”文件，其中定义了一个类组件“Home”。我想在另一个文件“App.js”中使用 Home 类。 以下代码是 Home.js 文件中的内容。

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

    export class Home extends React.Component {
        render () {
            return (
                <View>
                    <Text> Some text </Text>
                    <Text> Some other random text </Text>
                </View>
            );
        }
    }

这就是 App.js 文件中的内容。

import React from 'react';
import { Home } from '.app/views/Home.js';

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

当我尝试使用 expo 运行它时，我收到一个错误“错误：未定义无法解析模块 '.app/views/Home.js'” 无论我尝试从哪个路径带回家，我都会收到相同的错误，即使我直接从 Home.js 文件复制并粘贴路径。我很好奇，我想知道这是代码错误，还是我提出路径的方式错误？关于如何解决这个问题的任何想法？非常感谢。

Answer 1

你需要像这样进入你的文件夹：

'./app/views/Home.js';