NPM是前端开发过程中必不可少的一个工具，npm包则是重要的跨项目、跨团队复用的组件。在前端开发中，React是常用的一个开发框架，而react-modem就是一款非常好用的React组件。
本文就是对npm包react-modem的一个详细使用教程，包括安装、示例代码及注意事项等。
安装
npm install --save react-modem
使用方法
- 在需要使用react-modem的组件中导入:
import Modem from 'react-modem';
- 在jsx中按照以下格式使用该组件：
<Modem> <p>子组件1</p> <div>子组件2</div> <span>子组件3</span> </Modem>
在上述示例中，Modem组件将子组件1、子组件2和子组件3包裹起来。首先，Modem组件渲染出子组件1。接着，子组件1将会在1秒后被卸载，子组件2将会在2秒后被卸载，子组件3将会在3秒后被卸载。结果便是依次显示出这些子组件，然后逐个卸载。
注意事项
react-modem只能包裹在有且仅有一个子元素的jsx中，否则会抛出异常。
子组件的数量不限，但是由于该组件采用了setTimeout实现卸载功能，因此不能用于大量卡顿的情况下。
示例代码
下面给出一个完整的使用该组件的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ ----- ---- --------------
----- --- ------- --------------- -
-------- -
------ -
-------
---------------
-------------------
---------------------
--------
--
-
-
----------------------- ---------------------------------撰写这篇文章的目的就是为了帮助前端开发者更好地使用npm包react-modem，为react开发带来更多的效率及便利，同时也给大家提供了一个参考范例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056be481e8991b448e5956