react 中使用 JsBarcode 顯示條形碼

import React from 'react';import JsBarcode from 'jsbarcode';export class RefundSheet extends React.Component {  constructor(props) {    super(props);    this.state = {      value: props.barCode, //由父組件傳入用來生成條形碼的字符串「barCode」    };  }  componentDidMount() {  // 調用 JsBarcode方法生成條形碼    JsBarcode(this.barcode, this.state.value, {      displayValue: false,      width: 1.5,      height: 50,      margin: 0,    });  }  render() {    return (      <div className="barcode-box">        <svg          ref={(ref) => {            this.barcode = ref;          }}        />      </div>    );  }}export default RefundSheet;//導出組件
相關文章
相關標籤/搜索