Как вывести переменные из componentDidMount?

Question

[Даниил Чистяков]

Как мне вывести artistname и title во втором componentDidMount? Поскольку сейчас значение не передаётся.

async componentDidMount() {
        const url = "https://api.laut.fm/station/city/current_song";
        const response = await fetch(url);
        const data = await response.json();
        this.setState({ info: data });
        const artistname = this.state.info.artist.name;
        const title = this.state.info.title;
    }
    async componentDidMount() {
        const image = "http://ws.audioscrobbler.com/2.0/?method=album.getInfo&artist=" + artistname + "&album=" + title + "&api_key=SECRET_KEY&format=json";
        const images = await fetch(image);
        const dataimage = await images.json();
        this.setState({ cover: dataimage });
        console.log(dataimage);
    }

Answer 1

[Дмитрий]

state не меняется моментально после this.setState, если вы хотите получить новые значения, то

const data = await response.json();
this.setState({ info: data });
const artistname = data.artist.name;
const title = data.info.title;

Comments

[Даниил Чистяков]

Возможно я не совсем точно задал вопрос. Получается даже если я делаю так, то в следующем componentDidMount не могу вывести, так как эти переменные undefined (artistname и title).

[Vladimir Lewandowski]

Даниил Чистяков, в смысле в следующем? componentDidMount выполняется один раз

[Даниил Чистяков]

Vladimir Lewandowski, в вопросе есть присвоение переменной image и нужно, чтобы в запрос подставлялись переменные artistname и title, но почему-то их не видно.

[Vladimir Lewandowski]

Даниил Чистяков, а откуда они там возьмутся, если вы их объявляете в другом методе?

[Даниил Чистяков]

Vladimir Lewandowski, спасибо, перенёс всё в один метод