Question

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

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}

导出默认功能反应本机

2 个答案: