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

慢半拍、

于 2021-05-14 11:08:50 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： React 文章标签： react qrcode qrcode.react

本文链接：https://blog.youkuaiyun.com/huanhuan03/article/details/116783329

React 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何使用qrcode.react组件在不同环境中创建自定义二维码，配置value参数为跳转地址，实现手机扫码后直达相应页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：在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：这个属性他是配置二维码中间的小图片，例如：
在这里插入图片描述

就酱~