奖品数据 JSON
先定义一个 JSON 描述下奖品情况吧
[
{
name: "一等奖",
count: 10,
img: "https://img13.360buyimg.com...React 实现
使用 create-react-app 创建一个项目, 并且配置 tailwindcss
npx create-react-app my-project
npm install -D...,好吧,那我们来在增加一个内定名额吧
如何 100%中奖,
增加内定参数
const suerData = {
一等奖: [701, 702],
}
701 和 702 是我后面增加的 2 个用户,...后面我希望这 2 个用户获得一等奖
自定义 hooks
其实抽奖的核心都是随机数,我们只需要定义入参和出参,抽奖过程中的参数我们不关心, 所有我们可以抽取出一个自定义 hook。...result } = useLottery(users, awards, {
三等奖: [701, 702],
});
image.png
发布 npm 包
当然这个 hook 我们可以发布一个