文档

qrcodejs

示例

  1. import React, { useState, useEffect, useRef } from 'react';
  2. import QRCode from 'qrcode';
  4. function GenerateQrCode() {
  5.   const [codeInts] = useState(useRef(null));
  6.   useEffect(() => {
  7.     if (codeInts.current) {
  8.       new QRCode(codeInts.current, {
  9.         text: "xxx.com",
  10.         width: 128,
  11.         height: 128,
  12.         colorDark : "#000000",
  13.         colorLight : "#ffffff",
  14.         correctLevel : QRCode.CorrectLevel.H
  15.       });
  16.     }
  17.   }, [codeInts]);
  18.   return (
  19.     <div ref={codeInts} />
  20.   );
  21. }
  23. export default GenerateQrCode;