例如,我想显示一个名单。所以我想做这样的事情:
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