我在使用预加载功能通过react-p5库加载图像时遇到问题

问题描述

我已经使用react-p5库将P5库与React集成在一起，但是当我使用preload函数加载图像时，它给了我错误。问题是，如何获得preload p5函数以在React中加载图像？

代码如下：

import React,{ Component } from "react";
import Sketch from "react-p5";
import ReactJS from './images/Icons/React.jpg';
let test;
export default class Sket extends Component {
  x = 50
  y = 50

  preload = (p5) =>{
     test = p5.loadImage(ReactJS,()=>{
        p5.image(test,50,50)
     });
  }

  setup = (p5,parent) => { // window width is still not optimized for extra large screen
    var sket = p5.createCanvas(parent.offsetWidth,parent.offsetWidth).parent(parent);
    sket.position(0,0);
  }
  draw = (p5) => {
    p5.background(0)
    p5.ellipse(this.x,this.y,70,70)
    this.x++
    this.y++
  //  p5.image(test,50)
  }

  render() {
    return <Sketch setup={this.setup} draw={this.draw} />
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）