下载安装第三方库

前言

在npm官网中有插件可以实现二维码功能，需要先下载组件并且引用qrcode，下面我以react为例，详细给大家说一下

在项目内执行:npm install qrcode --save

在页面中引入import QRCode from 'qrcode.react'; 需要传入生成二维码的网址

import QRCode from 'qrcode.react'；
const Index = () => 
    return (
        <div>
            <QRCode 
               value={https://juejin.cn/editor/drafts/7053039866270973966} //生成二维码网址
               size={200} // 二维码的大小 
               fgColor="#000000" // 二维码的颜色 
               imageSettings={{ // 二维码中间的logo图片 
                   src: './', //路径
                   height: 100, //高端
                   width: 100, //宽度
                   excavate: true, // 中间图片所在的位置是否镂空 
               }}
            />
        </div>
    );
}
export default Index

效果

[ELHGELJR0QZH}Z]MI5XVWJ.png

react实现二维码功能

下载安装第三方库

前言

效果