Как я могу получить собственный объект PIXI из компонента React react-pixi-fiber? - PullRequest
Новая
       77

Как я могу получить собственный объект PIXI из компонента React react-pixi-fiber?

1 голос
/ 08 мая 2020

В приложении, обернутом withApp из этого: 

import { withApp } from "react-pixi-fiber";

И некоторый код, который выглядит примерно так: 

class Foo extends React.Component {
  // ...
  eventHandler(evt) {
    console.log("Event target =", evt.target);
  }

  render() {
    let comp = (<Sprite interactive texture={...} pointerup={eventHandler} {/* ... */} />);
    console.log("Component =", comp);
    return (comp);
  }
}

При этом объект, который регистрируется поскольку «Цель события» - это собственный объект PIXI Sprite, который дает мне доступ к таким методам, как getBounds(). Я хотел бы иметь доступ к таким же данным из переменной comp (которую я затем где-то сохраню), но когда я регистрирую это, получаемый мной объект оказывается другим. У него $$typeof: Symbol(react.element), поэтому я предполагаю, что это просто объект React. Я хотел бы найти способ получить доступ к объекту PIXI, связанному с ним, чтобы я мог использовать этот объект позже для выполнения таких действий, как проверка границ в интерактивной настройке с различными другими элементами.

Есть ли способ сделать это? Или: как я могу выполнить проверку границ интерактивности объекта, который не является текущей целью события, например, pointerup, pointermove, et c.?

...