react生成二维码

发表于 | 更新于: 2022-10-29 | 分类于
字数统计: 118 | 阅读时长 ≈ 1 | 评论: | 阅读:

1. 安装qrcode.react插件

yarn add qrcode.react
// or 
npm install qrcode.react --save

2. 使用qrcode.react插件生成二维码

2.1 引用

import QRCode from 'qrcode.react';

2.2 使用

<QRCode
    id="qrCode"
    value="https://zengwu.com.cn"
    size={200} // 二维码的大小
    fgColor="#000000" // 二维码的颜色
    style={{ margin: 'auto' }}
    imageSettings={{ // 二维码中间的logo图片
        src: "https://zengwu.com.cn/images/avatar.png",
        height: 100,
        width: 100,
        excavate: true, // 中间图片所在的位置是否镂空
     }}
 />
0%