React color ChromePicker alpha 滑块不起作用。是否需要使用 Alpha 单独的 API？

Question

我正在尝试从https://casesandberg.github.io/react-color/#examples实现 React-color 我正在使用 ChromePicker 组件，但 Alpha 滑块无法按预期工作。滑块正在工作，但滑块项目符号没有继续移动。

这是https://codesandbox.io/s/react-color-nkh7w示例。是否缺少任何组件？

Answer 1

问题是react-color组件（如ChromePicker您正在使用的组件）不直接接受 alpha/不透明度的属性。您有两个选择：

1. 仅使用color.rgb值，并且不分离 alpha。如果您将 rgb 对象作为color属性传递），它应该按预期工作。
2. 您可以获取 color.rgb.a 值，将其转换为十六进制，并将其附加到字符串中color.hex。