react-native - AppRegistry.registerComponent(appKey, component)中appKey的意义是什么？

Question

AppRegistry.registerComponent 的声明如下:

static registerComponent(appKey, componentProvider, section?) 

appKey生成的变量与 react-native init projname 中给出的项目名称相同.但是这个值有什么用呢？如果我将其更改为其他内容，该应用程序将引发异常。我如何将此值更改为其他值？

Answer 1

当您调用 AppRegistry.registerComponent您正在创建 javascript 土地和本土土地之间的桥梁。

因此，如果注册您的组件看起来像这样......

AppRegistry.registerComponent('App', () => App);

然后您的 AppDelegate.m 文件将如下所示...

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                 moduleName:@"App"
                                                 initialProperties:nil
                                                 launchOptions:launchOptions];

需要注意的重要部分是... moduleName:@"App" , 我们使用 appKey并创建一个映射到字符串“App”的 RCTRootView(例如你的 appKey)

这两个字符串应该一致，以便 RCTRootView 知道如何映射回应用程序的 javascript 逻辑。