React項目中使用:(JsBarcode)
import JsBarcode from 'jsbarcode';
componentDidMount(){
this.a();
}
a = () => {
const {dispatch, b} = this.props
dispatch({
type: 'c/d',
payload : {},
}).then(()=>{
JsBarcode(".barcode").init();
this.print()
});
}
/*在render中return*/
render () {
const {l} = this.props
return(
<div className="bd">
<svg className="barcode"
jsbarcode-format="CODE128"
jsbarcode-value={l.val}
jsbarcode-textmargin="0"
jsbarcode-height="55"
jsbarcode-width="1"
jsbarcode-fontsize="10"
>
</svg>
</div>
}
}
HTML中生成條形碼:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script src="JsBarcode.all.js"></script>
</head>
<body>
<div>
<img id="barcode1"/>
<script>JsBarcode("#barcode1", "Hi!");</script>//Hi不能換成中文
</div>
<div>
<img id="barcode2" />
<script>
JsBarcode("#barcode2", "9780199532179", {
format:"CODE128",
displayValue:true,
fontSize:24,
lineColor: "#000"
});
</script>
</div>
</body>
</html>
運行結果