注意:不支持TS,TS项目引入会报错,可以用@ts-ignore
来临时压制摆错
// @ts-ignore
import SimpleStarBackground from "simple-star-background"
...
注意:一定要在useEffect中通过new
去生成星星背景,因为这时你的背景dom节点才初始化完成
const bgWrapper = useRef(null); // 通过 ref 拿到背景dom元素
useEffect(() => {
new SimpleStarBackground(bgWrapper.current) // 将背景div元素传入
})
...
注意:背景元素的宽高要撑开页面大小, 需要自己写这个div的宽高,星星背景是不会自动撑开div的。 另外一个星星是白色的,需要给背景写个背景色,除了白色都行
<div ref={bgWrapper}></div>