не может найти метод в классе реагирующих нативных компонентов

Question

Привет, я новичок, чтобы реагировать на родных и играть с их методами. Я объявил albumCards метод, но он вызывает проблемы во время выполнения.

import React, { Component } from 'react';
import { Text, ScrollView, View, ActivityIndicator } from 'react-native';
import axios from 'axios';
import AlbumDetail from './albumDetail';

class AlbumList extends Component {
  state = { albums : [] };

  albumCards() {
    return this.state.albums.map(album =>
      <AlbumDetail key={album.title} album={album}/>
    );
  }

  renderAlbums() {
    if (this.state.albums.length > 0) {
      return <ScrollView> { albumCards() } </ScrollView>
    } else {
      return  <ActivityIndicator size="large" color="#0000ff" />
    }
  }

  render() {
    console.log(this.state);
    return (
      <View style = {styles.containerStyle}>
        {this.renderAlbums()}
      </View>
    );
  };
}


export default AlbumList;

Я получаю приведенную ниже ошибку на скриншоте, поскольку альбом не найден. Может ли кто-нибудь, пожалуйста, помогите.

Answer 1

Вам нужно вызвать функцию следующим образом.

<ScrollView> { this.albumCards } </ScrollView>