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;//導出組件