在react中使用p5.js时如何声明类

import React from 'react';
import p5 from 'p5';

class P5Sketch extends React.Component {
  componentDidMount() {
    this.p5Instance = new p5(this.sketch, this.canvas);
  }

  sketch = (p) => {
    // 在这里编写p5.js的绘图逻辑
    p.setup = () => {
      p.createCanvas(400, 400);
    };

    p.draw = () => {
      p.background(220);
      p.ellipse(p.mouseX, p.mouseY, 50, 50);
    };
  };

  render() {
    return (
      <div ref={(el) => (this.canvas = el)}>
        {/* p5.js画布将被渲染到这个div中 */}
      </div>
    );
  }
}

export default P5Sketch;

componentWillUnmount() {
  this.p5Instance.remove();
}