【问题标题】:How to block entire React UI?如何阻止整个 React UI?
【发布时间】:2019-11-24 04:29:04
【问题描述】:

阻止用户界面的最佳方法是什么,比如说订阅结束? 订阅结束的通知来自后端。但那又如何呢?在每个组件中设置一个标志,无论它是否被渲染?通过 redux 管理它?将每个组件包装在获取订阅结束信息的 HOC 中?有图书馆吗? 我查看了这个https://github.com/tdeekens/flopflip 但这有点太多了。我不想要一个提供者,比如黑暗启动。

我有点不知所措,从来没有这样做过,感谢每一个指点......

【问题讨论】:

  • 您可以创建一个横跨整个屏幕的overlay。参考这里:stackoverflow.com/questions/2852276/…
  • 当您知道订阅​​处于非活动状态时,为什么还要渲染正常 UI?改为呈现“续订”链接。
  • @9000 如果有某些可用的功能怎么办,这取决于您选择的计划?
  • @Stophface: 如if (subscriptionActive) { <NormalUI/> } else { <SubscriptionEndedUI/> };?

标签: javascript reactjs subscription featuretoggle


【解决方案1】:

就在组件的render() 函数之后。使用boolean 标志检查订阅是否已结束。就像@9000 建议的那样,如果renew-subscription 组件已经结束,则渲染它,否则可以渲染正常的UI。

【讨论】:

    猜你喜欢
    • 2022-07-09
    • 2013-12-30
    • 1970-01-01
    • 1970-01-01
    • 2011-11-27
    • 1970-01-01
    • 1970-01-01
    • 2014-12-05
    • 1970-01-01
    相关资源
    最近更新 更多