Open mikael-kalstad opened 5 years ago
yep.
react-anime use ref callback to add dom target to anime engine,so if you use a Component
,
the anime engine will be passed into a component instance
, it's will not work well.
for your function, use React.forwardRef
const Box = React.forwardRef((props, ref) => {
let style = {
width: "100px",
height: "100px",
background: "#ef5858"
};
return <div ref={ref} style={style}>Box</div>;
});
export default Box;
and that seems to work
I am having some problems with getting the animation to work when wrapping the
<Anime>
component with other components. Is this not supported? I could not find any relevant info in the documentation.Example Box component
Index.js
I have made the example in codesandbox
It would be easier if I could apply the animation to pre-made components instead of changing all of my components with the
<Anime>
component.