Javascript 有没有办法将Wavify与React一起使用？

我一直在使用一个名为Wavify（）的JavaScript库在我的网站上创建wave动画

我最近开始学习React，想知道我是否可以在我的React项目中使用Wavify，方法是用npm安装它

我试过：

import React from 'react';
import {TweenMax} from 'gsap';
import {wavify} from 'wavify';
import './App.css';


function App() {

  let wave = React.createRef();

   let waveAnimation = wavify(wave, {
    height: 60,
    bones: 3,
    amplitude: 40,
    color: 'rgba(150, 97, 255, .8)',
    speed: .25
  })

  return (
    <div className="App">
      <div id="wave" ref={wave}></div>
    </div>
  );
}

export default App;

---

如果您有任何建议，我们将不胜感激。

您可以使用React版本的Wavify

---

我认为你的导入表达式是错误的。尝试从“wavify”导入wavify

或从“wavify”导入wavify
您可能需要在索引中添加其他脚本标记。htmlFYI TweenMax/Lite是旧的。只需使用gsap即可。
TypeError: Object(...) is not a function
App
C:/Users/*****/*****/myReactApp/src/App.js:14
  11 | 
  12 | let wave = React.createRef();
  13 | 
> 14 |  let waveAnimation = wavify(wave, {
     | ^  15 |   height: 60,
  16 |   bones: 3,
  17 |   amplitude: 40,
View compiled
▶ 16 stack frames were collapsed.