美文网首页
react-color安装使用方法

react-color安装使用方法

作者: 浅笑19 | 来源:发表于2020-06-11 09:43 被阅读0次

    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安装使用方法

          本文链接:https://www.haomeiwen.com/subject/lcvvtktx.html