Поменять курсор на Hover в реаги-конве

Question

Я использую реактив-конву для создания пользовательского интерфейса приложения. Я хочу, чтобы курсор изменялся на указатель при наведении курсора мыши на Rect. Есть документация о том, как сделать это с конвой, но не для реактивной конвы. Кто-нибудь может помочь?

Answer 1

Работает очень похоже на демки Konva.

<Rect
  width={50}
  height={50}
  fill="red"
  onMouseEnter={e => {
    // style stage container:
    const container = e.target.getStage().container();
    container.style.cursor = "pointer";
  }}
  onMouseLeave={e => {
    const container = e.target.getStage().container();
    container.style.cursor = "default";
  }}
/>

Демо: https://codesandbox.io/s/react-konva-cursor-style-demo-96in7

Answer 2

Вы пытались использовать syntheti c событие onMouseOver и многие другие события.

Проверьте эту тему, Как вы зависаете в ReactJS? - onMouseLeave не зарегистрирован во время быстрого наведения на