【问题标题】:How to implement "delayed loader" using apollo-client?如何使用 apollo-client 实现“延迟加载器”?
【发布时间】:2019-01-20 20:21:42
【问题描述】:

我想仅在经过一定时间后才显示加载器。 Apollo 确实提供了 loading 属性,但它会立即显示加载器。

我正在考虑使用 componentWillReceiveProps 一起破解某些东西,但如果有更惯用的方法,我会非常乐意使用它。

【问题讨论】:

    标签: reactjs graphql apollo react-apollo


    【解决方案1】:

    对于这类事情,我会使用 componentDidUpdate 并添加一个 setTimeout 或者可能是一个 React 状态倒计时计时器。如果只有几秒钟的延迟,setTimeout 就可以了,但如果时间很长,基于状态的倒计时可能会更好。

    【讨论】:

    • 什么是反应状态倒计时?
    • React 文档中曾经有一个示例,但我再也找不到了。这是一个来自 SO 的答案。延迟加载微调器可能有点矫枉过正,但您可以创建一个新组件并将道具传递给它,并将所有这些逻辑放在一个新组件中stackoverflow.com/q/40885923/1058586
    • Grrr。不喜欢玩计时器。但我会开枪的!感谢您的指点。如果这行得通,我会接受。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-11-20
    • 2019-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多