const QRCode = require('qrcode.react');
export default class ProductANDClickDownload extends React.Component{
constructor(props){
this.state={
Content:'https://www.baidu.com/'
}
}
downloadCode=()=>{
var Qr=document.getElementById('qrid');
let image = new Image();
image.src = Qr.toDataURL("image/png");
var a_link=document.getElementById('aId');
a_link.href=image.src;
}
render(){
<a download id='aId' title="点我下载!">
<QRCode id='qrid' value={this.state.Content} onClick={this.downloadCode} size={240} />
</a>
}
}
插件文档 https://www.npmjs.com/package/qrcode.react
react 生成二维码并点击下载
最新推荐文章于 2024-05-15 09:47:58 发布