react生成二维码

最新推荐文章于 2025-06-01 14:37:46 发布

原创

最新推荐文章于 2025-06-01 14:37:46 发布 · 997 阅读

2 ·

CC 4.0 BY-SA版权

需求背景：最近在做项目的时候有一个需求要通过手机扫描二维码下载不同版本的软件

解决办法：通过react的插件qrcode.react实现

案例实现：

第一步：创建项目

npx create-react-app test-qrcode

第二步：在test-qrcode根目录下安装qrcode.react

npm install qrcode.react --save

第三步：修改App文件的代码

import React from 'react';
import QRCode from 'qrcode.react'

function App() {
  return (
    <div className="App">
      <QRCode value="https://www.baidu.com/" fgColor="black" includeMargin={true} renderAs="svg" level="H"  size={250} bgColor="white"></QRCode>
    </div>
  );
}

export default App;

运行效果如下：