7c-react-loader 中文文档教程

Question

7c-react-loader

ReactJS 的简单“加载器”库。 制作漂亮的动画加载器。

Installation

通过 npm/yarn 使用 7c-react-loader

npm install 7c-react-loader --save

或

yarn add 7c-react-loader

Basic usage

import Loader from '7c-react-loader';

<Loader active={true}>
    <div>Lorem ipsum</div>
</Loader>

Properties

Prop name	Is required	Type of value	Description	Default value
active	YES	boolean	Loader should be shown. For 'true' CSS classes defined in className prop will be added toelement	-
children	NO	element	Content to render	-
activeClassName	NO	Any type accepted by classNames	CSS classes that will be added toelement when it is active	"7c-react-loader-active"
delay	NO	integer	Delayed defined in milliseconds after with CSS classes will be applied toelement	0
disabledClassName	NO	Any type accepted by classNames	CSS classes that will be added toelement when it isn't active (is disabled)	"7c-react-loader-disabled"
tag	NO	string or function	Tag ofcomponent	div

Usage

CSS 类（默认：“7c-react-loader-active”）安装将立即应用于元素。 不管怎样都会渲染子道具。

<Loader active={true}>
    ...
</Loader>

CSS 类将在 500 毫秒后应用于。

<Loader active={true} delay={500}>
   ...

CSS 类“loader-active”将在 500 毫秒后应用于。 否则将应用“loader-disabled”CSS 类。元素将呈现为“span”。

<Loader active={true} activeClassName="loader-active" disabledClassName="loader-disabled" tag="span" delay={500}>
   ...

Dependencies

7c-react-loader 要求：

• React >= 16.3.2
• classNames >= 2.2.5

License

MIT License

Copyright (c) 2018 Michał Parulski http://opensource.org/licenses/MIT