无涯教程网

Reactnative react native foreach 循环

发布于08月24日

我正在用React Native开发一个小应用程序，我正在寻找类似foreach函数的东西.我就是找不到foreach循环.不是在StackOverflow，甚至不是在docs.我找到了一些有" map "的东西，但我不知道这是否是我要找的.

通过对服务器的请求，我获得了多个用户对象.当我记录结果时，它如下所示:

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

我想把它输出到一个列表中.

如何才能循环trought这个对象？我知道我也可以使用一个简单的for循环，但这肯定不是我的第一 Select ...

EDIT:

推荐答案

您可以使用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状态内的数据，所以你得到了错误.如果数据正确，则上述示例将正常工作

React-native相关问答推荐

'无法解析模块.安装react-native-pager-view后的实用程序/平台

"npx expo run：android命令不能在Expo中运行

无法读取 @react-native-async-storage/async-storage 的未定义属性setItem

React Native：如何以编程方式对图像进行黑白过滤？

_react2.default.PropTypes.function 未定义

react-native： 'adb' 不是内部或外部命令、可运行程序或批处理文件

React Native：双击退出应用程序

React Native - 如何判断 UI/元素？

通过带有对象子对象的数组react native 映射 - 与react网络中的工作方式不同？

React Native：无法点击调试菜单

java.lang.ClassNotFoundException：在路径上找不到类.MainActivity：DexPathList react-native

在特定屏幕上使用react-navigation修改后退按钮

react-native Http 拦截器

SyntaxError：Strict mode does not allow function declarations in a lexically nested statement on a newly created app

将 react-native 元素Bundle 为 iOS 框架或 (.aar) Android 库

React Native 动画 - zoom 时 translateX 和 translateY

react-native 中的倒数计时器

ExpoKit 和 React Native 元素的区别

错误 React Native CLI 对本机依赖项使用自动链接，但以下模块是手动链接的

列之间的 React Native FlatList 分隔符

实用课程推荐

相关教程推荐