react-color安装使用方法

2020-06-11  本文已影响0人  浅笑19

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 组件的默认颜色数组。通过他可以在多选的颜色组件中进行默认配置

根据项目中的使用情况,后面会继续记录

上一篇下一篇

猜你喜欢

热点阅读