@ahmiao666/red-packet-rain-react
Version:
47 lines (35 loc) • 1.12 kB
Markdown
高性能React红包雨组件,支持完整的性能控制和诊断功能。
```bash
npm install @ahmiao666/red-packet-rain-react
```
```tsx
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;
```
- [完整文档](https://github.com/ahmiao666/am-red-packet-rain-demo)
- [Vue版本](https://github.com/ahmiao666/am-red-packet-rain-demo)
- [GitHub仓库](https://github.com/ahmiao666/am-red-packet-rain-demo)