首页 > 解决方案 > react-particles-js 不适用于 iframe 标签

问题描述

我正在为 React 16 中的登录页面开发组件。我正在使用 @storybook/react 来显示组件功能。Storybook 将组件渲染到 iframe 中。我在使用 react-particles-js 时遇到问题。 错误图片

我已经用 create-react-app 进行了测试,一切正常,但是当我将 react-particles-js 放入 iframe 标签时,它显示了同样的错误。

import Particles from 'react-particles-js';

<Particles/> 工作正常!

<iframe> <Particles/> </iframe> 不工作!

我也一直在跟踪库,我认为以下代码(particle.js - 第 1367 行)存在一些问题:

Math.sqrt(s * s + o * o) <= e.radius + n.radius && (e.x = t ? t.x : Math.random() * i.width, e.y = t ? t.y : Math.random() * i.height, r.checkOverlap(e));

标签: javascriptreactjsiframeparticles

解决方案


推荐阅读