如何生成二维码

1.首先是安装qrcode.react库

npm install qrcode.react

yarn add qrcode.react

2.在需要生成二维码的页面或组件中，引入 qrcode.react

import React from 'react';
import QRCode from "qrcode.react"; // 引入二维码
import './posterPop.less';

class PosterPop extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            qrcodeUrl: 'https://v26-web.douyinvod.com/f311107eac2189b80960dab8b4049770/653bc025/video/tos/cn/tos-cn-ve-15c001-alinc2/oonuEDrAVRIMy8WACCjbzUee6WPsB9gUPlg7AA/?a=6383&ch=0&cr=0&dr=0&er=0&cd=0%7C0%7C0%7C0&cv=1&br=4402&bt=4402&cs=0&ds=6&ft=GN7rKGVVyw3XRZ_8hmo~xj7ScoApXMZbEvrKRjqM3to0g3&mime_type=video_mp4&qs=0&rc=PDM6NTQ0OWk3Ojc6aDk2OEBpajNubGQ6ZnZ1bjMzNGkzM0BgMi4xXy42NWMxMV4yNjNhYSNpX3BucjRnXm1gLS1kLS9zcw%3D%3D&btag=e00008000&dy_q=1698411022&feature_id=f0150a16a324336cda5d6dd0b69ed299&l=20231027205021C6C9372279091D0328B6', // 二维码图片地址
        }
    }

    render() {
        const { qrcodeUrl } = this.state;
        return (
            

                {/* 二维码 */}
                
            
        );
    }
}
export default PosterPop;

3.在您的页面或路由中使用 QRCodeGenerator 组件：

import React from 'react';
import QRCodeGenerator from './getQRCode';

function App() {
  return (
    

      {/* 其他页面内容 */}
      
    
  );
}

export default App;

4.通过将 QRCodeGenerator 组件放置在您的页面或路由中，您就可以在页面上看到生成的二维码了。