react-color 颜色选择器组件
Posted z-one
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-color 颜色选择器组件相关的知识，希望对你有一定的参考价值。
demo链接：github demo
安装： npm install react-color --save
有一下几种类型组件
<AlphaPicker /> <BlockPicker /> <ChromePicker/> <CirclePicker /> <CompactPicker /> <GithubPicker /> <HuePicker/> <MaterialPicker /><PhotoshopPicker /> <SketchPicker/> <SliderPicker/> <SwatchesPicker/> <TwitterPicker/>
公有的组件API：
color 控制颜色选择器上的当前选中颜色，用来进行初始化颜色，或者用来保持父子组件颜色一致
onChange 修改颜色时触发。每次修改颜色都会传递一个函数来调用。他将被频繁调用。如果你只是想获得最后的选中颜色，使用 onChangeComplete 即可
onChangeComplete 颜色更改完成后触发，这时就可以保持父子组件颜色同步
私有的组件API：（某些特定组件才有的API）
colors 组件的默认颜色数组。通过他可以在多选的颜色组件中进行默认配置
根据项目中的使用情况，后面会继续记录
以上是关于react-color 颜色选择器组件的主要内容，如果未能解决你的问题，请参考以下文章