'state' не определен (no-undef)

starydynamo спросил: 28 марта 2018 в 01:54 в: react-native

Я полный noob, и я просто следую учебному курсу в ответ-родной по удемии. Тем не менее, я достиг стену и не могу найти решение где-нибудь?

В настоящее время я получаю сообщение об ошибке ESLint, показывающее, что это состояние не определено.

Вот полный код:

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import axios from 'axios';class AlbumList extends Component {
 state = { albums: [] };   //state is underlined  ComponentWillMount() {
     axios.get('https:/rallycoding.herokuapp.com/api/music_albums')
      .then(response => this.setState({ albums: response.data }));
   }    renderAlbums() {     render() {
console.log(this.state);
return (
<View>
  {this.renderAlbums()}
 </View>
  **strong text**);
 }
}export default AlbumList;

Было ли какое-либо обновление относительно определения состояния в React-Native?

Искренне благодарю за помощь!

1 ответ

Есть решение
csath ответил: 28 марта 2018 в 02:40

Попробуйте это.

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import axios from 'axios';class AlbumList extends Component {
    constructor(props){
        super(props); 
        this.state = { 
            albums: [] 
        };
        this.renderAlbums = this.renderAlbums.bind(this);
    }    componentWillMount() {
         axios.get('https:/rallycoding.herokuapp.com/api/music_albums')
          .then(response => this.setState({ albums: response.data }));
    }    renderAlbums() {
        return (
            <View /> // return your Albums here as you need
        );
    }     render() {
         return (
            <View>
              {this.renderAlbums()}
            </View>
        );
    }
}export default AlbumList;