导出默认功能反应原生

Question

我只是在学习 React Native，在基本示例中，我只有一个扩展 Component 的类，并且是默认导出。

export default class App extends Component {
  // code
}

这很好用，我没问题。

但我发现了其他示例，它们将代码作为函数提供。

export const App = () => {
  // code
}

我看到这个函数被称为 App 并被导出，但是如果我尝试运行它（我使用 expo），我会收到以下消息

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

不确定错误，因为函数 App 已导出（可能错误来自不是默认导出）？

我该如何解决这个问题？

Answer 1

如果是默认导出

export default class App extends Component {
  // code
}

像这样导入

import App from "./Apppath"

如果它不是默认导出或命名导出（没有默认关键字）

export const App = () => {
  // code
}

像这样导入

 import {App} from "./Apppath"

见docs

Answer 2

您尚未对 App 组件进行默认导出。在这种情况下，您需要使用以下行 从“..”导入 { App }