Listview dataSource.rowIdentities undefined不是对象

Listview dataSource.rowIdentities undefined不是对象,listview,reactjs,native,Listview,Reactjs,Native,我试图创建listView如下: var output = []; for(var i = 0; i < response.length; i++) { output.push(this.catBox(i, response[i])); } const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); self.state = { dataSource: ds.cloneWith

我试图创建
listView
如下:

var output = [];
for(var i = 0; i < response.length; i++) {
    output.push(this.catBox(i, response[i]));
}
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
self.state = {
    dataSource: ds.cloneWithRows(output)
};

catBox(index, info) {
    let catName = info.catName;
    let icon = info.icon;
    return (
        <View style={{flex:1}} key={index}>
            <View style={styles.stretch}>
                <Image style={styles.stretchRight} source={require('./img/stretch-right.png')} />
                <Image style={styles.stretchLeft} source={require('./img/stretch-left.png')} />
            </View>
        </View>
    );
}
应该类似于
。没有嵌套的子对象

<ListView
    dataSource={this.state.dataSource}
    renderRow={(rowData) => <View style={styles.catsList}>{rowData}</View>}
    contentContainerStyle={styles.catsArea}
/>
{rowData}
contentContainerStyle={styles.catsArea}
/>

renderRow假设返回一个视图。尝试renderRow={(rowData)=>返回{rowData}
<ListView
    dataSource={this.state.dataSource}
    renderRow={(rowData) => <View style={styles.catsList}>{rowData}</View>}
    contentContainerStyle={styles.catsArea}
/>