After the skeletal animation appears, the click event bound to React cannot be triggered. I want to implement a click event at a certain position in the image to change the animation mode
const SpineAnimation = () => {
const containerRef = useRef(null);
useEffect(() => {
if (containerRef.current) {
const spinePlayer = new SpinePlayer(containerRef.current, {
jsonUrl: "https://i1.branchcn.com/static/skeleton.json",
atlas: "https://i1.branchcn.com/static/skeleton.atlas",
backgroundColor: '#00000000',
preserveDrawingBuffer: true,
animation: "animation",
showControls: false,
showLoading: false,
alpha: true,
});
return () => {
spinePlayer && spinePlayer.dispose();
};
}
}, []);
return (
<div ref={containerRef}
onClick={() => {
console.log(1)
}}></div>
);
};
export default SpineAnimation;
