react logo example entre diferencias diferencia cual react-native react-jsx

react-native - logo - react native documentation



Cómo concatenar componentes JSX en React Native (3)

Las cifras lo descifraré pronto cuando pido stackoverflow. El código debe colocarse en una matriz:

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

También hay más información aquí: http://facebook.github.io/react/docs/multiple-components.html#dynamic-children

Por ejemplo, quiero mostrar una lista de nombres. Así que quería hacer algo como esto:

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

Sin embargo, eso no es válido. Lo que me lleva a mi pregunta: ¿cómo puedo concatenar una cantidad dinámica de componentes JSX en React Native?


Tal vez de una manera más elegante:

return <View> {_names.map((eachName) => { return ( <TouchableHighlight onPress={() => this._onPressButton}> <Text> {eachName} </Text> </TouchableHighlight> ); })} </View>


let returnValue = _names.map(eachName => <TouchableHighlight onPress={() => this._onPressButton}> <Text> {eachName} </Text> </TouchableHighlight>); return returnValue;