如何转换 p5.Something() 以适应反应

Question

在我的文件 sketch.js 中，在切换到组合 p5 并做出反应之前，我有一个命令

amp = new p5.Amplitude();

转为react后，'p5'方法不再定义

p.Amplitude()/song.Amplitude() 没有完成工作并且 returns

(TypeError: ... .Amplitude is not a constructor)

我真的不知道从哪里或如何导入 p5。我猜它与网络配置有关，但不确定是什么。

我已经 npm 安装了 p5 和 react-p5-wrapper，除了这一行和其他需要 amp 的东西，所有代码运行按预期进行，我可以玩 music/adjust 带有滑块等的背景 ...

在我正在导入的文件的开头：

import React from 'react';
import 'p5/lib/addons/p5.sound';
import 'p5/lib/addons/p5.dom';

我会很高兴能得到一点帮助！

Answer 1

您或许可以尝试：

import * as p5 from './{library-path}/p5.js';

看起来 P5 最初并不是为了简单的 ES6 导入而设置的。

2016 年的这个 GitHub 问题似乎发现了类似的问题。 https://github.com/processing/p5.js/issues/1734

最近看起来它可以与 NPM 一起正确使用：

另请在此处查看其他可能的答案。

How to use React with p5.js

How to convert p5.Something() to fit react