react 中使用 JsBarcode 显示条形码

• Z时代
• 2024-01-10
• 分类：综合

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;//导出组件

以上是 react 中使用 JsBarcode 显示条形码 的全部内容， 来源链接： utcz.com/z/381840.html