圆形装载机反应js

Question

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

Answer 1

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

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

Answer 2

由于您没有显示任何具体实施此操作的尝试。您可能想要查看此Package。它相当灵活，可以解决问题。

Answer 3

建议使用＆＃39;语义 - 反应＆＃39;图书馆。它包含很多开箱即用的组件，包括您需要的内容。它具有Dimmer和Loader组件，可以将布尔值作为道具并相应地更改加载和调光。希望答案能使你受益。