Listview dataSource.rowIdentities undefined不是对象

我试图创建

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}
/>