在React Native组件类中找不到方法

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>