【问题标题】:React flux mouse position resets when store emits a change当商店发出更改时,React Flux 鼠标位置重置
【发布时间】:2016-03-07 21:27:50
【问题描述】:

我有一个显示文章列表的页面。用户将浏览到页面末尾并单击“加载更多”以触发将更多文章加载到商店内列表中的操作。但是 react 组件会重新渲染整个页面,因此我的视口会重置到页面顶部。

有人知道我该如何解决这个问题吗?谢谢。

ps:架构是 React Flux

【问题讨论】:

  • 如果没有更多信息,很难排除故障。我可以想象的是,在更新新列表的代码中,您会暂时触发一个空列表(重置页面滚动),然后再次触发新的项目列表。你能设置一个console.log 你的商店触发调用来确认/确认吗?

标签: scroll reactjs reactjs-flux


【解决方案1】:

看看adding a key to each of your components。 React 将重新绘制所有内容,除非它知道某些组件没有更改,因此不需要重新绘制。

根据提供的信息,这是我的猜测。

【讨论】:

  • 我之前设置的key是Math.random().toString(),难怪整个东西又重新渲染了,速度很慢。谢谢!
猜你喜欢
  • 2016-09-16
  • 2015-10-24
  • 2015-09-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多