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

Question

我一直在使用名为 Wavify(https://github.com/peacepostman/wavify) 的 JavaScript 库在我的网站中创建波浪动画。

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

我试过：

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;

但我一直收到错误消息：

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.

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

Answer 1

您可以使用 React 版本的 Wavify

react-wavify

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

Is there a way to use Wavify with React?

javascript

node.js

reactjs

gsap