如果刷新当前路由,React.js组件将重复呈现来自Instagram的相同图像

时间:2017-11-10 20:37:32

标签: reactjs http visual-glitch instafeedjs

我需要帮助弄清楚如何不让我的react.js组件从Instagram重新渲染相同的图像并将它们添加到视图中的exisitng。

我的react.js组件中有一个react-instafeed容器,它从我的Instagram帐户中获取20个最新图像,并以整齐的网格呈现它们。 react-instafeed元素是流行的instafeed.js框架的包装器,并在react.js环境中提供相同的方法和配置。

在初始加载时,它会获取图像并渲染它们。但是,如果刷新当前路径(例如,通过按下标题导航中的按钮),它将再次获取所有20个图像并将其添加到视图中,依此类推。

我尝试通过设置'成功'状态中的'loaded'之类的东西来处理它,或者在'instafeed'的方法之后设置,但这显然不起作用并且是反模式的。

我尝试使用componentDidMount执行此操作,结果是在初始渲染时调用了一倍的http调用,并且一次调用了20x2图像。

显然,在这种情况下,设置状态不是正确的策略。我怎么能阻止元素对Instagram进行第n次调用,或者可能会破坏componentWillUpdate()上的元素?

0 个答案:

没有答案