如何在 react-native 中重新初始化(状态)数组变量?

阿比纳夫·阿南德

我正在调用 API。

我得到的回应是:

var data =
[
    {a: 'a', b: 'b'}
]

我想将 state 中的变量值设置为data.

但它不起作用。给出错误=>

Objects are not valid as a React child
Ex: -
state = {
stateVariable: []
}
apiCall.then((data) => {
  this.setState({ stateVariable: data  })
})
斯坦杰
Objects are not valid as a React child

在 React 中,您不能直接渲染对象。

我觉得你正在尝试做这样的事情

<Text>{this.state.stateVariable}</Text>

它不起作用,因为那里的值是一个数组。

要解决此问题,您可以映射它:

{this.state.stateVariable.map(data => <Text>{data.a} {data.b}</Text>)}

其次,您可能已经在映射或循环它,但您仍然收到错误消息。这是因为如果你data像我上面的地图一样渲染,它是一个对象{a:'a', b:'b'},这在反应中是不允许的。

所以你必须做到{data.a}{data.b}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在 React Native 中初始化 AsyncStorage 变量?

来自分类Dev

如何使用es6在react-native中初始化数组?

来自分类Dev

如何在React中的无状态函数组件中初始化类实例?

来自分类Dev

如何初始化React Native项目

来自分类Dev

React Native-如何在类组件中初始化对象?

来自分类Dev

如何在React-native中访问已初始化的Firebase应用程序?

来自分类Dev

如何在React Native中更新数组状态

来自分类Dev

如何在React中初始化布尔变量?

来自分类Dev

在React Native useState中初始化数组

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类Dev

如何在React Native中删除警告

来自分类Dev

如何在React Native中优化图像

来自分类Dev

如何在React Native中传递对象?

来自分类Dev

如何在React Native中实现DRM?

来自分类Dev

如何在React Native中渲染对象?

来自分类Dev

如何在React Native中禁用旋转?

来自分类Dev

如何在React Native中刷新屏幕

来自分类Dev

如何在React Native中记录日志?

来自分类Dev

如何在React Native中截图测试?

来自分类Dev

如何在React Native中调试WebView

来自分类Dev

如何在React Native中显示图标?

来自分类Dev

如何在React Native中关闭模式

来自分类Dev

如何在 React Native 中缩放图像?

来自分类Dev

如何在React Native中禁用键盘

来自分类Dev

如何在React Native中禁用警告?

来自分类Dev

如何在React Native中覆盖键盘?

来自分类Dev

如何在 React Native 中添加 DarkMode?

来自分类Dev

如何在React Native中使用异步数据(AsyncStorage)初始化MobX存储

来自分类Dev

如何在组件安装后聚焦 TextInput(使用聚焦 TextInput 初始化)-React Native

Related 相关文章

热门标签

归档