阵营本地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', 
    }, 
});