react使用qrcode.react生成扫描二维码

需求：在pc端可以根据当前环境（开发、生产等等）生成对应的二维码，手机扫码跳转至指定页面。

查了一圈，发现qrcode.react这个组件用的人最多，看了一下官网说明：

var React = require('react');
var QRCode = require('qrcode.react');React.render(<QRCode value="http://facebook.github.io/react/" />,mountNode
);

用法也超级简单，配置项也有：

然后根据我的项目当前环境，给value赋值，value就是你扫完码要跳过去的页面地址，必须是完整的地址哦

imageSettings：这个属性他是配置二维码中间的小图片，例如：

就酱~

react使用qrcode.react生成扫描二维码相关推荐

H5案例分享：jquery.qrcode.js生成简易二维码
近期做项目需要生成二维码,并且解码获取信息,jquery.qrcode.js生成二维码比较的方便,写个教程分享给大家.欢迎大家测试留言,我会改进代码. 现在二维码越来越流行啦,支付扫二维码,关注扫二维 ...
Unity之生成扫描二维码
Unity之生成扫描二维码 Unity之生成扫描二维码前言开篇 Unity版本及使用插件正题前期准备首先生成二维码然后需要扫描二维码该使用了挂载脚本绑定按钮和输入框运行内容生成二维 ...
qrcode方法生成的二维码安卓手机长按不识别
qrcode生成的二维码,在苹果等手机上长按可识别,在华为手机上长按没有反应,截图保存下来长按又可以识别. #问题原因浏览器兼容问题 qrcode在页面生成二维码时,会生成一个canvas标签和一个 ...
qrcode.js生成微信二维码
①安装qrcodejs2 npm install qrcodejs2 --save ②在页面中引入 import QRCode from "qrcodejs2" ③在html中设置 ...
使用qrcode.js生成网址二维码
话不多说,直接上代码: <!DOCTYPE html> <html lang="zh-CN"><head><meta charset=&q ...
qrcode将生成的二维码转成图片格式
微信里打开页面时需要长按识别二维码,所以需要转下图片 <div id="qrcode"></div> <img id="img"/ ...
thinkPHP5引入endroid/qr-code类库生成指定二维码（本例生成指定网址）
我在项目开发中需要使用到的常见的一些类库,基本都是Packagist / Composer 中国全量镜像上找到,然后使用composer直接安装. 废话不多说开始吧! 首先,打开https://pac ...
C# ThoughtWorks.QRCode.dll 生成完美二维码（大小边距备注颜色 LOGO大小背景形状）
一.先睹为快功能: 1)边框颜色可改 2)边距可修改 3)二维码背景色可修改 4)二维码前景色可修改 5)备注文本可修改(背景色可改字体颜色可改大小可改) 6) logo大小背 ...
使用QRCode.js生成的二维码，隐藏title
鼠标悬停在二维码上,会显示title信息隐藏title处理 let qrcodeCreater = new QRCode(document.getElementById("wechat_c ...

react使用qrcode.react生成扫描二维码

react使用qrcode.react生成扫描二维码相关推荐

最新文章

热门文章