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

• 下载资源包

yarn add qrcode.react

npm install qrcode.react 

首先本地下载 qrcode.react 插件资源包，放入制定项目的node包里面。

• 引入

	import {QRCode} from 'qrcode.react'

• 使用

//和正常组件一样使用
	<QRCode
		id='qrcode'
		//二维码内容
		value={'设置二维码内容'}
		size={100}
		fgColor='#515151'
		style={{cursor:'pointer'}}
		 imageSettings={{   // 二维码中间的图片
	        src: 'imageUrl', //图片路径
	        // 图片大小 不能太大要根据二维码的宽高进行适当调整，避免二维码被遮挡过大，导致不能正常臊面
	        height: 10,
	        width: 10,
	        excavate: true, // 中间图片所在的位置是否镂空
     }}
		/>
	

以上内容均为个人学习笔记，不存在任何其他或者商业行为 ，如有侵权或者其他，必删除。请私聊或者评论告知。