FlatList不渲染

时间:2018-01-15 20:21:56

标签: reactjs react-native react-native-flatlist

我正在尝试使用FlatList但FlatList无法正常工作。 -Android

这项工作

<FlatList
  data={[{key: 'a'}, {key: 'b'}]}
  renderItem={({item}) => <Text>{item.key}</Text>}
/>

这不起作用

 <FlatList       
     data={this.state.dataSource}
     keyExtractor={this._keyExtractor}   
     renderItem={({ item}) =>{console.log(item);}}
    >

1 个答案:

答案 0 :(得分:1)

好的,我发现了问题,它在componentWillMount

componentWillMount() {
    return fetch('...')
        .then((response) => {
            return response.json();
        })
        .then((responseJson) => {
            let ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 });
            this.setState({
                isLoading: false,
                dataSource: ***ds.cloneWithRows(responseJson).rowIdentities***
            });
        });
}

我做了console.log(ds.cloneWithRows(responseJson)),就像你最初做的那样但得到了这样的东西:

我们关注的数据位于rowIdentities