react项目中把获取的url转换成二维码

最新推荐文章于 2024-05-14 19:45:29 发布

songxueing

最新推荐文章于 2024-05-14 19:45:29 发布

阅读量1.5k

点赞数

文章标签： react 二维码

本文链接：https://blog.csdn.net/songxueing/article/details/95234456

版权

在项目开发中遇到一个需求就是把后台返回的URL路径转换成二维码，经过像度娘查询之后选用了一种方法，并且已经在项目中成功使用，所以专门来记录下，避免以后忘记，处理步骤如下：

1.安装依赖

npm install --save qrcode.react

想要快速安装，也可以使用淘宝镜像进行安装

cnpm install --save qrcode.react

2.在组件中通过 import 引用

import QRCode  from 'qrcode.react';

3.在render中使用引入的该组件

 render() {
        let { QRCodeValue } = self.state;
        return (
            <QRCode value={QRCodeValue} />
        )
 }

注意点：QRCodeValue就是需要转换成二维码的URL,在初始化页面的时候，如果QRCodeValue为空，会有一个默认的二维码，如果不想要这个默认的二维码，需要自己进行处理一下哦。

当然，还有很多其他的转换成二维码的方式，后期如果尝试成功会进行补充

关注