React取色器组件

react-color组件

ant-design上居然没有取色器相关的组件。从github上找到一个

下载安装：npm install react-color --save

页面引入:import { SketchPicker } from 'react-color'

调用组件:<SketchPicker onChange={handleColorChange} color = {materialColor.color}/>

事先设置颜色状态
const [materialColor, setMaterialColor] = useState({ color: '#FFFFFF' })

组件的onChange函数：

  const handleColorChange = colorCode => {
    console.log(colorCode.hex);
    setMaterialColor({ color: colorCode.hex })
  }