Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 粒子组件失败的图像反应_Reactjs - Fatal编程技术网

Reactjs 粒子组件失败的图像反应

Reactjs 粒子组件失败的图像反应,reactjs,Reactjs,我正在遵循一个指南,该指南允许我使用此库将图像作为形状加载react particles js 代码工作得很好,但问题是我不能在这里加载图像,而不是noed,请看这个演示 我想做的就是这样 <Particles id="particles-js" params={{ particles: { shape: {

我正在遵循一个指南,该指南允许我使用此库将图像作为形状加载
react particles js

代码工作得很好,但问题是我不能在这里加载图像,而不是noed,请看这个演示

我想做的就是这样

<Particles
              id="particles-js"
              params={{
                particles: {
                  shape: {
                    type: "images",
                    stroke: {
                      width: 3,
                      color: "#B7046B",
                    },
                    polygon: {
                      nb_sides: 3,
                    },
                    images: [
                      {
                        src: "./640px-React-icon.svg",
                        width: 20,
                        height: 20,
                      },
                      {
                        src: "./640px-React-icon.jpg",
                        width: 20,
                        height: 20,
                      },
                    ],
                  },
                  number: {
                    value: 60,
                    density: {
                      enable: true,
                      value_area: 1000,
                    },
                  },
                  opacity: {
                    value: 0.5,
                    anim: {
                      enable: true,
                    },
                  },
                  size: {
                    value: 7,
                    random: true,
                    anim: {
                      enable: true,
                      speed: 3,
                    },
                  },
                },
            
                move: {
                  radius: 1,
                },
              }}
            />

我尝试加载
react image
,但没有成功

能帮我解决这个问题吗

致以最诚挚的问候,

请检查此样本: