React Native foreach循环

Question

我正在使用React Native开发一个小应用程序,我正在寻找类似foreach函数的东西.我只是找不到foreach循环.不在StackOverflow上,甚至在文档中也没有.我找到了'地图'的东西,但我不知道这是不是我正在寻找的东西.

通过对我的服务器的请求,我得到了多个用户对象.当我记录结果时,它看起来像这样:

Object {
    "id": "1",
    "role": "user",
    "username": "user1",
  },
Object {
    "id": "2",
    "role": "admin",
    "username": "user2",

我想将其输出到列表中.在普通的PHP中,我会使用foreach循环,但就像我说的,我找不到React Native的foreach循环.

怎么可能循环这些物体呢？我知道我也可以使用一个简单的for循环,但这肯定不是我的第一选择......

编辑: 我在保存该值this.state.users与this.setState({users: responseData.users});.状态在我的构造函数中定义.我尝试访问它this.state.users.map(id => <Text>{id}</Text>)但我总是得到同样的错误:null is not an object (evaluating 'this.state.users.map').我这样做了吗？

Answer 1

您可以使用map或for-of或任何其他

例:

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

根据错误,您可能没有users状态内的数据,因此您收到错误.如果数据正确,那么上面的示例将正常工作

Answer 2

在反应中，首选方式是mapArray 的方法。使用 ES6 箭头函数的示例：

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