導入后未在本機中定義

Question

我正在開發一個應用程序，當我找到以下模塊時，我快要完成了： react-native-ui-kitten

當我使用這些組件時，它可以正常工作，但是我看到有一個示例應用程序： kitchenTricks

在這個應用程序中，有一種有趣的方式來處理路線。

但是當我實現它時，我得到了奇怪的錯誤。

我以這種方式import * as Screens from '../../screens/index';

當我在控制台中打印時，得到以下信息：

因此，在我看來，因為它正在導入整個屏幕。 當我在GridV2單擊時，我可以看到該對象。

但

當我使用： Screens.GridV2我將無法定義，並且每個屏幕都發生同樣的情況，因此我沒有任何線索。

GridV2就是這樣導出的： export class GridV2 extends

然后，有一個index文件再次export * from './grid2' ： export * from './grid2' ，然后是屏幕的index 。

顯然，它正在工作，否則在打印Screens時我看不到對象，但是為什么Screens.whatever給出了undefined ？

我檢查了在示例應用程序中使用的依賴項，它們與我擁有的依賴項相同。 react和react-native是不同的版本，但是我希望有一種方法可以使Screens的對象成為react-native: 0.49.3

我的意思是，我不知道為什么會這樣，我只是想知道react-native版本是否存在問題。

也許有人遇到類似的問題，可以告訴我如何解決。 這真使我發瘋。

Answer 1

我沒有找到想要的答案，我認為不可能那樣做。 這就是為什么“我發現”答案只是一個接一個地導入模塊的原因：

import gridV2 from '../../screens/navigation/grid2';
import sideMenu from '../../screens/navigation/sideMenu';

接着

        {
            id: 'GridV2',
            title: 'Grid Menu V2',
            screen: gridV2,
            children: []
        },

另一方面，我發現這種方式更適合閱讀。