Redux FlatList неправильно отображает объект

Question

Я использую избыточный код с реагировать на нативный, и у меня есть плоский список для отображения, но он не отображает заголовок или описание объекта.Он отображает на экране все строки объекта, но когда я, например, называю заголовок, он не отображается.Вот мой код:

import React, {Component} from 'react';
import { FlatList,Text } from 'react-native';
import { connect } from 'react-redux';
import ListItem from './ListItem';

class LibraryList extends Component {

renderItem(library) {
  return <ListItem library={library} />;

}

  render() {
    return (
      <FlatList
        data={this.props.libraries}
        renderItem={this.renderItem}
        keyExtractor={library => library.id.toString()}
       />

    );
  }

}

const mapStateToProps = state => {
  return { libraries: state.libraries }
};

export default connect(mapStateToProps)(LibraryList);

ListItem.js

import React, { Component } from 'react';
import { Text } from 'react-native';
import { CardSection } from './common';

class ListItem extends Component{
  render() {
      return(
        <CardSection>
          <Text>
          {this.props.library.title}
          </Text>
        </CardSection>
      );
  }
}

export default ListItem;

Answer 1

попробуйте изменить вашу функцию renderItem, просто поставив фигурные скобки в аргументах и ​​указав объект библиотеки в этом примере.

`

_renderItem = ({item}) => (
    <MyListItem
      id={item.id}
      onPressItem={this._onPressItem}
      selected={!!this.state.selected.get(item.id)}
      title={item.title}
    />
  ); `