为什么particles.js的高度没有扩大？

Question

我想在我的项目背景中使用particles.js，但是我的高度有问题。它没有在设备网络中扩展高度。实际上高度属性不起作用 请帮我 这是代码>

  

https://codesandbox.io/s/4zv0329nn0

particle.js组件。

HashMap

应用程序组件。

import React from "react";
import Particles from "react-particles-js";

export default () => (
  <div
    style={{
      width: "100%",
      height: "100%",
      backgroundColor: "blue"
    }}
  >
    <Particles
      params={{
        particles: {
          number: {
            value: 50
          },
          size: {
            value: 3
          }
        },
        interactivity: {
          events: {
            onhover: {
              enable: true,
              mode: "repulse"
            }
          }
        }
      }}
    />
  </div>
);

Answer 1

将height={window.outerHeight} prop添加到ParticleComponent。

解决方案