react-native – 如何在React Native中连接JSX组件

发布时间：2020-12-15 06:29:56 所属栏目：百科来源：网络整理

导读：例如，我想显示一个名单。所以我想做这样的事情： var returnValue;for (eachName of _names) { returnValue += ( TouchableHighlight onPress={() = this._onPressButton} Text {eachName} /Text /TouchableHighlight);}return returnValue; 但是，这是无效

例如，我想显示一个名单。所以我想做这样的事情：

var returnValue;
for (eachName of _names) {
  returnValue += (
  <TouchableHighlight
    onPress={() => this._onPressButton}>
      <Text>
      {eachName}
      </Text>
  </TouchableHighlight>);
}
return returnValue;

但是，这是无效的。这给我带来了我的问题：如何在React Native中连接动态数量的JSX组件。

数字我想出来，当我问stackoverflow。代码需要放入数组中：

var returnValue = [];
for (var i = 0; i < _names.length; i++) {

  returnValue.push(
  <TouchableHighlight onPress={() => this._onPressButton}>
      <Text>
      {_names[i]}
      </Text>
  </TouchableHighlight>);
}
return returnValue;

还有更多的信息：http://facebook.github.io/react/docs/multiple-components.html#dynamic-children

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!