简介
rc-util 是一个用于 React 项目的工具库，提供了一系列实用的组件和工具函数，可以帮助我们更方便地开发 React 应用。其中包含了很多常见的 UI 组件，如弹窗、表单、菜单等，也有一些常用的工具函数，如类型检查、事件处理等。
在本文中，我们将介绍 rc-util 的使用方法，并通过示例代码演示其基本功能。
安装
首先，我们需要安装 rc-util。通过 npm 可以很方便地完成安装：
npm install rc-util --save
弹窗组件
在 rc-util 中，弹窗组件是非常常用的。它可以让我们在页面上弹出一个模态框或者非模态框，用于展示一些信息或者进行某些操作。
Modal
Modal 是 rc-util 中的弹窗组件之一，它支持多种配置选项，可以满足不同场景下的需求。下面是一个简单的例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ----------
-------- --------- -
----- --------- ----------- - ----------------------
------ -
-----
------- ----------- -- -------------------------------
------
-----------------
--------------
------------ -- ------------------
-------- -- ---------------------
-
-------
--------
------
--
-在这个例子中，我们使用了 Modal 组件来创建一个弹窗。它接受多个 props 属性，包括 visible、title、onCancel 和 onOk 等。
其中，visible 用于控制弹窗是否显示，title 是弹窗的标题，onCancel 和 onOk 分别是点击取消和确定按钮时的回调函数。
Drawer
Drawer 是 rc-util 中的侧滑面板组件，它可以帮助我们快速实现一个从屏幕边缘弹出的面板。下面是一个简单的例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ----------
-------- --------- -
----- --------- ----------- - ----------------------
------ -
-----
------- ----------- -- ---------------------------------
-------
-----------------
--------------
----------- -- ------------------
-
---------
---------
------
--
-在这个例子中，我们使用了 Drawer 组件来创建一个侧滑面板。它也接受多个 props 属性，包括 visible、title 和 onClose 等。
其中，visible 用于控制侧滑面板是否显示，title 是侧滑面板的标题，onClose 是关闭面板时的回调函数。
工具函数
除了弹窗组件外，rc-util 还提供了一些实用的工具函数，在开发 React 应用时非常方便。下面我们来介绍两个常用的工具函数。
isNil
isNil 函数可以用于判断一个值是否为 null 或 undefined。它只有一个参数，即需要进行判断的值。下面是一个例子：
import { isNil } from 'rc-util';
console.log(isNil(null)); // true
console.log(isNil(undefined)); // true
console.log(isNil(0)); // false
console.log(isNil('')); // false在这个例子中，我们使用了 isNil 来判断一些值是否为空值。当值为 null 或 undefined 时，isNil 返回 true；否则返回 false。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44037