React Native 等价于 React.createElement答案

【问题标题】：React Native equivalent of React.createElementReact Native 等价于 React.createElement
【发布时间】：2015-11-12 10:27:04
【问题描述】：

在查看 React 时，特别是 React (Virtual) DOM terminology 我想知道是否有 React Native 的等价物，或者更确切地说，如何修改它以与 Native 一起使用？

我想编写一个视图，它由一个 <Text> <TouchableHighlight> <TouchableHighlight> 组成。两个<TouchableHighlight>elements 将递增和递减一个计数器（<Text> 标签）。

有没有办法可以将这些参数传递给类似于React.createElement 的函数，该函数将返回包含这些元素的视图？

【问题讨论】：

【解决方案1】：

createElement 在 React Native 上也可用。所以你可以这样做：

var textElem = React.createElement(Text, [], ['Hello world']);

你必须提供一个 ReactClass 作为第一个参数，字符串不允许作为 React Native 中的第一个参数，因为这些是用于常规 React 中的 html 标签的。

【讨论】：

对于<TouchableHighlight>，我假设您可以传入一个函数，类似于onPress={this.doFunction.bind(this}，对于style={styles.button}也一样？
第二个参数是要传递给组件的道具列表，所以是的，你可以传递那些
我正在尝试做React.createElement(Text, {fontSize: 20}, 'hello world') 但是看起来风格完全被忽略了。这似乎在 View 中有效，但在 Text 中无效。知道为什么吗？
第二个参数是指定道具的对象。你能试试这个吗？：React.createElement(Text, {style: {fontSize: 20}}, 'hello world')