javascript - React Native FlatList 不适用于构造的数据

Question

作品：

<FlatList
  data={['0', '1', '2', '3', '4']}
  renderItem={({ item }) => (
    <Button title={item} />
  )}
/>

不起作用（没有渲染）：

<FlatList
  data={[...Array(5).keys()].map(String)}
  renderItem={({ item }) => (
    <Button title={item} />
  )}
/>

可能是什么原因？

Answer 1

它确实有效，请查看下面的演示

https://snack.expo.io/H1elODwPb

和代码

import React, { Component } from 'react';
import { View, StyleSheet,FlatList,Button } from 'react-native';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <FlatList
          data={[...Array(5).keys()].map(String)}
          renderItem={({ item }) => (
          <Button title={item} />
          )}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ecf0f1',
  },
});