React 生成二维码/条形码

最 新:https://www.zybuluo.com/c-Ku/note/970696

一、生成二维码

只需引入 qrcode.react 插件即可

import * as QrCode from 'qrcode.react'

render() {
    return (
        
    )
}

二、生成条形码

需引入 jsbarcode 插件

import * as Barcode from 'jsbarcode'

export class RefundSheet extends React.Component {
  barcode
  componentDidMount() {
    Barcode(this.barcode, value, {
      displayValue: false,
      width: 1,
      height: 35,
      margin: 0,
    })
  }
  render() {
    return (
      
{ this.barcode = ref }} />
) } }
.barcode-box {
    width: 100%;
    position: relative;
    svg {
        position: absolute;
        right: 0px;
    }
}

你可能感兴趣的:(React 生成二维码/条形码)