react颜色选择器插件

React Colorful是一个React和Preact应用程序的颜色选择器组件库，它提供了多种颜色选择器组件，包括HexColorPicker、RgbColorPicker、HslColorPicker等等。使用React Colorful可以轻松地在你的React或Preact应用程序中添加颜色选择器功能。

以下是一个使用HexColorPicker组件的例子：

首先，安装React Colorful：

# Yarn
yarn add react-colorful

# NPM
npm install react-colorful

然后，在你的React组件中导入HexColorPicker组件并使用它：

import React, { useState } from "react";
import { HexColorPicker } from "react-colorful";

function ColorPicker() {
  const [color, setColor] = useState("#ffffff");

  return (
    <div>
      <HexColorPicker color={color} onChange={setColor} />
      <div>Selected color: {color}</div>
    </div>
  );
}

在上面的例子中，我们使用useState钩子来管理当前选定的颜色。我们将HexColorPicker组件的color属性设置为当前选定的颜色，并将onChange属性设置为setColor函数，以便在选择新颜色时更新当前选定的颜色。最后，我们在页面上显示当前选定的颜色。