Загрузка изображения занимает слишком много времени

Question

Я начал разработку приложения с использованием React, Redux и Firebase. Но у меня проблема при использовании Firebase Storage.

Когда я использую свой код:

getImage (image) {
    let { state } = this
    st.doGetArticlesImg(image).then((url) => {
      state[image] = url
      this.setState(state)
    }).catch((error) => {
       console.log(error);
    })
  }

Мои изображения загружаются правильно, но загрузка выполняется очень долго, они появляются через 3 или 4 секунды после загрузки страницы. И раз в два они не заряжаются.

Конечно, история жизненного цикла компонента?

Answer 1

Вы получаете состояние:

let { state } = this

А затем измените его:

state[image] = url

Не забывайте - вы не можете изменить состояние. Похоже, что после изменения состояния реакция не видит разницы и не вызывает render (). Я бы переписал это так:

this.setState({image: url})