代码之家 › 专栏 › 技术社区 › Sembei Norimaki

导出默认函数react native

react-native javascript

0

Sembei Norimaki · 技术社区 · 5 年前

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.

我怎样才能解决这个问题?

2 回复 | 直到 5 年前

1

2

Shubham Dixit 5 年前

如果是默认导出

export default class App extends Component {
  // code
}

像这样导入

import App from "./Apppath"

如果不是默认导出或命名导出(没有默认关键字的导出)

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

像这样导入

 import {App} from "./Apppath"

看到了吗 docs

2

0

Sujoy Saha 5 年前

您尚未对应用程序组件进行默认导出。在这种情况下,您需要使用下面的行