javascript - 找不到状态变量

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: Can't find variable: albums ”它在工作后突然冒出来，你知道发生了什么吗？

Answer 1

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

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

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