🎉 AM Red Packet Rain - React

高性能React红包雨组件，支持完整的性能控制和诊断功能。

🚀 安装

npm install @ahmiao666/red-packet-rain-react

📖 快速开始

import React, { useRef } from 'react';
import RedPacketRain from "@ahmiao666/red-packet-rain-react";
import type { RedPacketRainRef, RedPacketClickEvent } from "@ahmiao666/red-packet-rain-react";

const App: React.FC = () => {
  const redPacketRainRef = useRef<RedPacketRainRef>(null);

  const handleRedPacketClick = (event: RedPacketClickEvent) => {
    console.log('红包点击:', event);
  };

  return (
    <RedPacketRain
      ref={redPacketRainRef}
      config={{
        count: 15,
        density: 3,
        enablePerformanceMode: true
      }}
      showControls={true}
      onRedPacketClick={handleRedPacketClick}
    />
  );
};

export default App;

🔗 相关链接

• 完整文档
• Vue版本
• GitHub仓库