无法找到状态变量

Question

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import axios from 'axios';

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

    componentWillMount(){
        axios.get('https://rallycoding.herokuapp.com/api/music_albums')
        .then(response => this.setState({ albums : response.data }));
    }


    renderAlbums(){
        return this.state.albums.map(album => <Text>{albums.title}</Text>)
    }

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

export default AlbumList;

上面写着“ referenceError：找不到变量：专辑”，它在工作后突然冒出来，你知道发生了什么吗？

Answer 1

看起来与您的映射变量不匹配。在：

return this.state.albums.map(album => <Text>{albums.title}</Text>)

您使用album作为该函数的变量名，但随后引用了albums.title。