Реагирующий цветной альфа-слайдер ChromePicker не работает. Требуется ли использовать Alpha индивидуальный API?

Question

Я пытаюсь реализовать ответный цвет из https://casesandberg.github.io/react-color/#examples Я использую компонент ChromePicker, но слайдер Alpha не работает, как ожидалось. Ползунок работает, но ползунок не движется.

Вот пример https://codesandbox.io/s/react-color-nkh7w. Отсутствует ли какой-либо компонент?

Answer 1

Проблема в том, что react-color компоненты (например, используемый ChromePicker) не принимают свойства для альфа / непрозрачности напрямую. У вас есть два варианта:

1. Используя только значение color.rgb, и не разделяйте альфа. Если вы передадите объект rgb как свойство color), он должен работать как положено.
2. Вы можете взять значение color.rgb.a, преобразовать его в шестнадцатеричное и добавить к color.hex строка.