Как выполнять событие после отпуска нажатой кнопки мыши в React?

Question

[n1ksON]

Необходимо, чтобы событие срабатывало после того, как кнопка мыши была сначала нажата, а потом отпущена. То есть, должно срабатывать событие mouseup. Но как сделать это событие, чтобы оно соответствовало философии React?

UPD:
App.js:

const App = ({ color }) => {
  const colorRef = useRef(color)
  const record = (base) => {
    // обновляется state
  }
  return (
    <input type="color" ref={colorRef} defaultValue={color} onMouseUp={record} />
  )
}

Answer 1

[iBird Rose]

https://ru.reactjs.org/docs/events.html#mouse-events

Comments

[n1ksON]

Это по идее должно работать, но событие почему-то не вызывается. Работает только с onChange

[n1ksON]

А, понял. Событие срабатывает когда я первый раз нажимаю на инпут, а должно срабатывать после того, как я цвет в color picker выбрал. Какое здесь событие нужно использовать?) click и потом onmouseup?

[iBird Rose]

n1ksON, ну раз работаешь с color picker - вот и смотри его эвенты оттуда пляши

[n1ksON]

iBird Rose, ну да, согласен. Протупил. Не подумал, что у него свои эвенты есть. Спасибо