如何为 RCTRootView 使用 React Native 启动选项参数

Question

我不是 JS 或 React 程序员，但我需要在我的项目中使用它。

我想将值从我的本机代码传递给我的 React 视图，以便它由 React 引擎呈现。

我尝试了很多变化

我的原生代码如下：

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"ReactTesting"
                                                   launchOptions:@{@"initialProps" : @"<Text>Hello from native code</Text>"}];

rootView.initialProperties = @{@"initialProps" : @"<Text>Hello from native code</Text>"}; // ???

在我的反应代码中，我想渲染那个 JSX：

var ReactForTesting = React.createClass( {

render: function() {
  return (The Launch Options that were sent to this view); //How do I render it?
  }
});

我尝试在渲染函数中返回各种东西 - 没有一个会渲染：

render : function () {
  return this.props; // doesn't work
}

render : function () {
  return this.props.initialProps; // doesn't work
}

render : function () {
  return this.props.initialProps; // doesn't work
}

also fiddling with:
React.createElement()
React.createClass()..

Answer 1

这是我解决此问题的方法：https://github.com/facebook/react-native/issues/2100

您可以在 settings.plist 中定义这些初始道具

干杯

Answer 2

在 AppDelegate.m 中：

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                             moduleName:@"ReactTesting"
                                             launchOptions:launchOptions];

NSDictionary *initialProps = [NSDictionary dictionaryWithObject: @"Hello from native code" forKey: @"myProp"];

rootView.initialProperties = dict;

然后，您可以在传递给AppRegistry.registerComponent 的任何组件中访问this.props.myProp。

不知道为什么你试图在你的字符串中传递一个 节点，这似乎是个坏主意。只需传递文本内容，然后在 JS 端使用 组件。