React Native foreach loop

Question

I\'m developing a little app in React Native and I am looking for something like a foreach function. I just can\'t find a foreach loop. Not on StackOverflow and not even in the

Answer 1

In react, preferred way is map method of Array. Example using ES6 arrow function:

render() {    
    return (
        <View>    
           {dataList.map(r => <Button>{r}</Button>)}    
        </View>
    )
}

Answer 2

You can use map or for-of or any other

Example:

// for of
for (let userObject of this.state.users) {
    console.log(userObject.username);
}
// map
this.state.users.map((userData) => {
    console.log(userData.username);
});

as per the error you may not have data within users state, so you are getting error. If data is proper then above example will work properly

Answer 3

You can also use lodash (npm install lodash) and run the following:

import _ from 'lodash';

...

_.each(dataList, function(userObject, key) { console.log(userObject, key); });