p5-react-renderer:p5.j​​s的React渲染器

p5 React渲染器 这个库允许您将p5.js用作React的渲染目标。 这意味着您可以在利用React声明式样式的强大功能的同时编写交互式p5代码。 以这种方式编写p5草图，即使草图变得越来越复杂，也为可重用的组件和更清晰的代码打开了大门。 入门 通过npm或yarn安装它： npm install p5-react-renderer yarn add p5-react-renderer 用法 这个库的核心是一个称为Canvas的React组件。 这将实例化页面上的p5画布，并允许您将p5方法用作其中的jsx元素。 例如。 import React from 'react' ; import ReactDom from 'react-dom' ; import { Canvas } from 'p5-react-renderer' ; function App ( ) {