React16-SpinJS 是一个 React 组件，它基于 SpinJS，并且旨在为 React 应用程序提供一个高质量的加载指示器。本文将介绍如何使用 React16-SpinJS 包。
安装
首先，您需要安装 React16-SpinJS。您可以使用 npm 或 yarn 安装：
npm install react16-spinjs
或者
yarn add react16-spinjs
使用
导入 React16-SpinJS 组件并使用它:
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- -----------------
-------- ----- -
------ -
-----
-------- --
------
--
-
------ ------- ----这将在您的应用程序中显示一个加载指示器。
属性选项
React16-SpinJS 提供了许多属性选项，您可以使加载指示器更加自定义。以下是几个可选属性：
spinnerType- 它是您希望显示的类型，例如 lines 或者 spinner，默认为 spinner。color- 它是加载指示器的颜色，默认为 #333。fadeIn- 即是否需要渐显，默认为 true。fadeOut- 即是否需要渐隐，默认为 true。fadeInTime- 渐显动画的时间，单位为ms。fadeOutTime- 渐隐动画的时间，单位为ms。
以下是带有所有可选属性的 SpinJS 组件示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ---- -----------------
-------- ----- -
------ -
-----
--------
-------------------
---------------
-------------
--------------
-----------------
------------------
--
------
--
-
------ ------- ----结语
React16-SpinJS 使显示加载指示器变得更容易，并且它支持多种自定义选项。希望本文对您有所帮助。如果您想要深入了解 SpinJS，请务必参考其文档和示例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005688981e8991b448e475a