什么是 @tangential/input-widgets
@tangential/input-widgets 是一个基于 React 构建的输入组件库，它提供了一系列的表单输入控件和数据可视化组件。包括了日期选择器、下拉框、单选框、复选框、时间选择器、轮播图、折线图、柱状图等等。
它的优势在于：
- 简单易用：提供统一的 API 和样式，上手容易；
- 可自定义：支持大量的配置项和自定义样式。
总之，它帮助我们节约编码时间，更好地维护项目。
如何使用 @tangential/input-widgets
安装
使用 npm 工具进行安装：
npm install --save @tangential/input-widgets
引入
import React from 'react';
import ReactDOM from 'react-dom';
import DatePicker from '@tangential/input-widgets/dist/datepicker/datepicker';
ReactDOM.render(<DatePicker />, document.getElementById('root'));使用
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ---------- - ---- ----------------------------
----- --- ------- --------------- -
-------- - ------ -- -
------------------
--
-------- -
------ -
----------- ------------------------ --
--
-
-
-------------------- --- ---------------------------------其中，onChange 属性用于处理日期选择的回调函数。
示例
下面我们以日期选择器为例，演示其使用。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ---------- - ---- ----------------------------
----- --- ------- --------------- -
-------- - ------ -- -
------------------
--
-------- -
------ -
----------- ------------------------ --
--
-
-
-------------------- --- ---------------------------------结果如图所示：
总结
@tangential/input-widgets 是一个很方便的 React 输入组件库，它提供了多种选择，以减少我们的编码量，并且具有很高的可扩展性。而且使用起来也十分简单，只需要安装和引入即可。相信它会帮助你更好地维护你的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bf781e8991b448d9995
