【问题标题】:React Infinite scroll反应无限滚动
【发布时间】:2017-10-11 10:51:24
【问题描述】:

当特定的 prop 值发生变化时,如何重新初始化 react 无限滚动组件?

componentWillReceiveProps(nextProps) {
  if (this.props.currentLanguage && (nextProps.currentLanguage !== this.props.currentLanguage)) {
  this.forceUpdate();
}

但是反应无限滚动器没有用第 1 页初始化。

【问题讨论】:

    标签: reactjs scroll infinite-scroll


    【解决方案1】:

    我实际上并不知道 react-infinite-scroller 但你可以添加一个 key 属性并在你想重新初始化时更改它。 React 会将更改 key 的组件视为全新的组件:它将卸载旧组件,然后初始化并安装新的、新的实例。

    【讨论】:

    • 我已经添加了 key ,但它仍然没有调用初始加载方法来获取结果。 npmjs.com/package/react-infinite-scroll
    • 当您想要再次进行初始加载时,您是否正在更改键值?
    • 是的,我已经更改了密钥。
    猜你喜欢
    • 1970-01-01
    • 2019-10-06
    • 2020-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-22
    • 2017-08-02
    相关资源
    最近更新 更多