时间戳

首页 > 解决方案 > 图片加载时间过长

javascript - 图片加载时间过长

问题描述

我已经开始使用 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 秒出现。他们不收费。

肯定是组件的生命周期故事？

标签： javascriptreactjsfirebasereduxfirebase-storage

解决方案

你得到状态：

let { state } = this

然后修改它：

state[image] = url

不要忘记 - 你不能改变状态。看起来，在改变状态后反应没有看到差异并且没有调用render（）。我会像这样重写：

this.setState({image: url})

推荐阅读