是否可以使用GreenSock（GSAP）在React中为SVG组件设置动画？

Question

import React, { Component }  from 'react';
import './App.css';
import { ReactComponent as Petri } from './petri-dish.svg';

const App = () => {

    return (
        <svg>
            <Petri />
        </svg>
    );
}
export default App;

我已将svg导入为React组件（Petri）。我找不到任何示例来帮助我使用GSAP对该组件进行动画处理。任何帮助，将不胜感激。

Answer 1

一种方法是为svg组件创建forwardRef，然后根据需要使用.current属性进行操作。