react - 前端生成二维码

1.使用的工具 ：
qrcode.react，详细api可以参考这里或者看最下面的图片；

2. 具体使用方式：

• 第一步，从npm下载插件（建议用cnpm）；

cnpm i qrcode.react

• 第二步， 引入插件和二维码中心的图片（图片可以不要）；

import QRCode  from 'qrcode.react';
import img from '../../images/007.png';

• 第三步，调用；

<QRCode
    value={this.state.qrUrl}  //value参数为生成二维码的链接
    size={200} //二维码的宽高尺寸
    fgColor="#000000"  //二维码的颜色
    imageSettings={{
        src: img, // 中心图片路径
        width: 50, //
        height: 50,
    }}
    style={{border: '1rem solid #ededed'}} // 可以自定义样式
 />

3.详细api：

详细api