什么是 atom-react-color？
atom-react-color 是一款基于 React 的组件库，可以方便的创建彩色选择器，并且可以定制化。该组件库已经发布到 npm，可以使用 npm install 命令进行安装。
如何安装 atom-react-color？
使用 npm 安装：
npm install atom-react-color --save
如何使用 atom-react-color？
Step 1：引入 atom-react-color
import React from 'react'; import ReactDOM from 'react-dom'; import AtomColorPicker from 'atom-react-color';
Step 2：渲染 atom-react-color
-- -------------------- ---- -------
----- ----------------- - ------- -- -
-------------------
-
----------------
----------------
-------------------
----------------------------
---
------------------------------------
--Step 3：参数说明
- initColor：初始化颜色
- onChange：回调函数，返回当前选择的颜色
为什么要使用 atom-react-color？
1. 可定制化
atom-react-color 可以定制化，可以根据业务需求进行开发。
2. 易于使用
atom-react-color 的接口简单，易于上手，无需深入了解 React 的原理和机制。
3. 丰富的 API
包含了多种 API，方便使用。
实例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------------- ---- -------------------
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - -
------------- ---------
--
-
----------------- - ------- -- -
-------------------
---------------
------------- -----
---
-
-------- -
------ -
-----
----------------
-----------------------------------
---------------------------------
--
---- ------------------------ ------------------------ ------- ------- ---------- -------- --
------
--
-
-
----------------
------------ ---
------------------------------------
--总结
atom-react-color 是一款非常好用的彩色选择器组件，使用它可以方便的实现前端设计中的颜色选择器需求，具有很大的指导意义。使用 atom-react-color 可以大大提高开发效率，为我们的工作带来极大便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055dd881e8991b448db8af