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, // 中间图片所在的位置是否镂空
}}
/>