react js中的循环加载器答案

【问题标题】：Circular loader in react jsreact js中的循环加载器
【发布时间】：2018-06-25 08:32:11
【问题描述】：

我想在 react js 中包含一个循环加载进度。After clicking this logout button 单击注销按钮后，它必须显示一个微调器（字体真棒图标-fa-circle-o-notch fa-spin）一些秒@987654322 @ 和按钮文本必须更改才能登录。login btn.. 如何动态地做到这一点？

【问题讨论】：

展示您实现这一点的尝试，并就您遇到的问题提出更具体的问题。 stackoverflow.com/help/how-to-ask

标签： reactjs

【解决方案1】：

建议使用“semantic-ui-react”库。它包含许多开箱即用的组件，包括您需要的组件。它具有 Dimmer 和 Loader 组件，可以将布尔值作为道具并相应地更改加载和调光。希望回答对您有所帮助。

【讨论】：

【解决方案2】：

假设您的组件状态中有 loading 之类的东西，您可以这样：

<button>{loading? <i className='fa-circle-o-notch fa-spin' /> : 'login' }</button>

【讨论】：

但我只想显示图标几秒钟。
有请求发送吗？如果是这样，您可以在等待请求完成时将应用程序的状态设置为loading。身份验证请求完成后，您可以更改加载状态并呈现登录字符串。如果没有发送请求，您可以使用setTimeout 并使用您想要更改状态的任何时间间隔。