React Native: Карта Лодаша

Question

Я новичок в реагировании на родной язык, и я хочу сделать функцию данных в представлении.

моя функция выглядит следующим образом

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

Как видно из вашего комментария к ответу Акриона, я предполагаю, что вы не определили функцию renderTest внутри компонента.Другая возможность заключается в том, что вы используете компонент без сохранения состояния, и в этом случае вы не можете получить доступ к this

Answer 2

Я просто не уверен, что вы можете определить 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>}
    />
  )
}

Дайте мне знать, если это может решить вашувыпуск:)

Answer 3

Поскольку вы уже находитесь в 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 является массивом,

Но в нижней строке нет lodash здесь не нужен.