reactjs - 如何使用react-bootstrap制作加载动画

Question

我想用react-bootstrap制作一个加载动画，同时等待API调用。我知道应该如何设置状态来启动和停止它，我只是不知道如何使用react-bootstrap来做到这一点。我想我必须使用叠加(用于“淡入淡出”效果)和微调器，但不知道如何使用。

谢谢!

Answer 1

您可以通过多种方式实现这一目标。一种非常简单的方法是使用条件渲染:其中加载是您在获取时的状态...

{loading?<YourComponent/>:<Spinner animation="border" role="status">
  <span className="sr-only">Loading...</span>
</Spinner>}