React Native类似于React的.map吗?

奇佩

在React中,当我使用props遍历数组内部的对象时.map这似乎在React Native中不起作用。也许我写错了吗?

反应本地道具:

var appObject = {
    users:[
        {name:'Jack'},
        {name:'Jill'}
    ]
}

在组件React Native中:

render(){
    this.props.passProps.users.map(function (user, i){
        console.log('user: ',user.userName,'i',i);
        return (
            <Text key={i}>{user.userName}</Text>
        );
    });
}

passProps来自在父组件中调用此组件 <UsersAdded passProps={this.props}/>

console.log同时记录用户名和索引号。但是然后我从父组件得到一个错误,说“A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.但是,取出.map函数并<Text>Test</Text>正确放置一个简单的渲染器”。

React Native的方法是什么?

托马斯·库里奇(Tomas Kulich)

您应该纠正两件事:

  1. 方法中被遗忘的return语句render

  2. 渲染不应返回元素数组。将映射的数组封装到一个<View />将返回的元素中。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react-native可以远程加载js文件吗?

来自分类Dev

无法在React Native render()中运行.map()

来自分类Dev

是否有类似iOS上的RCTBridge React Native的东西,但有Android上的React Native的东西?

来自分类Dev

Firebase可以与React Native脱机工作吗?

来自分类Dev

如何在react-native-map中放大/缩小?

来自分类Dev

React-Native的Native端可以从React请求信息吗?(桥接/本机模块)

来自分类Dev

类似于Swift中的python的map函数

来自分类Dev

使用React Native运行多个iOS模拟器吗?

来自分类Dev

如何在React Native Android中实现Google Map(React-Native-Maps)

来自分类Dev

React Native ListView性能太慢吗?

来自分类Dev

可以看到异步存储电流限制React Native吗?

来自分类Dev

React-Admin AutocompleteInput中是否有类似于Material-UI Autocomplete freeSolo的东西

来自分类Dev

如何在React Native Map中更改标记的大小?

来自分类Dev

在React中使用.map()时,有人可以协助解决Type Error问题吗?

来自分类Dev

React中的Map函数

来自分类Dev

TypeError:无法读取未定义的React Native的属性'map'

来自分类Dev

在Windows 10中安装react native时,react-native init冻结吗?

来自分类Dev

类似于Swift中的python的map函数

来自分类Dev

有没有一种方法可以在iOS中使用react-native进行类似于Android StaggeredGridView的布局

来自分类Dev

React.js设置CSS属性(类似于setState)

来自分类Dev

如何在realm-react-native中创建嵌套的类似于文件夹的结构?

来自分类Dev

React Native:如何从 map() 生成的组件单独控制每个 onpress()

来自分类Dev

React Native Map (Airbnb) + Markers 动画

来自分类Dev

React-Native:for 循环中的 this.something.map 以访问 .json 文件中的数据数组中的数据。有人可以建议示例代码吗?

来自分类Dev

React Native this.state.questions.map() 不是函数

来自分类Dev

React Navigation 导航的工作方式类似于 goBack

来自分类Dev

如何在 AngularJS 中实现组件组合(类似于 React 渲染道具模式)?

来自分类Dev

React-Native async Array.map = undefined 不是对象

来自分类Dev

使用 .map react native 映射发送的道具

Related 相关文章

  1. 1

    react-native可以远程加载js文件吗?

  2. 2

    无法在React Native render()中运行.map()

  3. 3

    是否有类似iOS上的RCTBridge React Native的东西,但有Android上的React Native的东西?

  4. 4

    Firebase可以与React Native脱机工作吗?

  5. 5

    如何在react-native-map中放大/缩小?

  6. 6

    React-Native的Native端可以从React请求信息吗?(桥接/本机模块)

  7. 7

    类似于Swift中的python的map函数

  8. 8

    使用React Native运行多个iOS模拟器吗?

  9. 9

    如何在React Native Android中实现Google Map(React-Native-Maps)

  10. 10

    React Native ListView性能太慢吗?

  11. 11

    可以看到异步存储电流限制React Native吗?

  12. 12

    React-Admin AutocompleteInput中是否有类似于Material-UI Autocomplete freeSolo的东西

  13. 13

    如何在React Native Map中更改标记的大小?

  14. 14

    在React中使用.map()时,有人可以协助解决Type Error问题吗?

  15. 15

    React中的Map函数

  16. 16

    TypeError:无法读取未定义的React Native的属性'map'

  17. 17

    在Windows 10中安装react native时,react-native init冻结吗?

  18. 18

    类似于Swift中的python的map函数

  19. 19

    有没有一种方法可以在iOS中使用react-native进行类似于Android StaggeredGridView的布局

  20. 20

    React.js设置CSS属性(类似于setState)

  21. 21

    如何在realm-react-native中创建嵌套的类似于文件夹的结构?

  22. 22

    React Native:如何从 map() 生成的组件单独控制每个 onpress()

  23. 23

    React Native Map (Airbnb) + Markers 动画

  24. 24

    React-Native:for 循环中的 this.something.map 以访问 .json 文件中的数据数组中的数据。有人可以建议示例代码吗?

  25. 25

    React Native this.state.questions.map() 不是函数

  26. 26

    React Navigation 导航的工作方式类似于 goBack

  27. 27

    如何在 AngularJS 中实现组件组合(类似于 React 渲染道具模式)?

  28. 28

    React-Native async Array.map = undefined 不是对象

  29. 29

    使用 .map react native 映射发送的道具

热门标签

归档