React Native：Lodash地图

Question

我是React Native的新手，我想让数据功能变得可见。

我的功能看起来像这样

renderTest = () => {
        <FlatList
            onEndReached={0}
            onEndReached={() => this.handleEnd()}
            >
            {_.map(this.state.leads, (leads, index) => {
                return (
                <Text key={index}>{leads.full_name}</Text>
            )
            })}
        </FlatList>
    }

和我的视图传递函数的值

<View style={{flexDirection: 'row'}}>
   {this.renderTest()}                      
</View>

我不知道我到底想要的问题是呈现值。我希望有人能帮助我。

编辑

Answer 1

由于您已经在react world中，因此只需使用Array.map：

renderTest = () => {
    <FlatList onEndReached={() => this.handleEnd()}>
       {this.state.leads.map((lead, index) => {
          return (<Text key={index}>{lead.full_name}</Text>)
       })}
    </FlatList>
}

只要this.state.leads是一个数组。

但是这里不需要底线{}。

Answer 2

从对Akrion答案的评论中可以看出，我猜您尚未在组件内部定义renderTest函数。另一种可能性是您正在使用无状态组件，在这种情况下，您将无法访问this

Answer 3

我只是不确定您是否可以定义一个这样的FlatList。我的意思是，我认为您缺少函数的return，并且必须通过以下方式将属性data传递给FlatList：

renderTest = () => {
  return (
    <FlatList
        onEndReached={0}
        onEndReached={() => this.handleEnd()}
        data={this.state.leads}
        renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
    />
  )
}

让我知道这是否可以解决您的问题：）