React Native类似于React的.map?

时间:2016-01-04 07:52:25

标签: javascript arrays react-native

在React中使用var appObject = { users:[ {name:'Jack'}, {name:'Jill'} ] } 从道具中循环数组内的对象时。这似乎不适用于React Native。也许我写错了?

React Native Props:

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

在Component React Native中:

<UsersAdded passProps={this.props}/>

passProps来自在父组件console.log

中调用此组件

A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.记录用户名和索引号。但是后来我从父组件中得到一个错误<Text>Test</Text>但是,取出.map函数并正确地放入一个简单的{{1}}渲染。

React Native的方法是什么?

1 个答案:

答案 0 :(得分:1)

你应该纠正两件事:

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

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