图像加载时间过长

时间:2018-05-06 11:35:26

标签: javascript reactjs firebase redux firebase-storage

我已经开始使用React,Redux和Firebase开发应用程序。但是当我使用Firebase存储时,我遇到了问题。

当我使用我的代码时:

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

我的图片加载正确,但加载时间非常长,加载页面后仅显示3或4秒。一旦进入两个,他们就不收费。

当然是组件的生命周期故事?

1 个答案:

答案 0 :(得分:0)

你得到了州:

let { state } = this

然后修改它:

state[image] = url
不要忘记 - 你不能改变国家。似乎,在改变状态之后反应并没有看到差异并且没有调用render()。我重新写了这个:

this.setState({image: url})