如何在react js中解码包含base64 png的二维码

npm install qrcode.react

import React from 'react';
import QRCode from 'qrcode.react';

class QRCodeDecoder extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      decodedData: '',
    };
  }

  decodeQRCode = () => {
    const base64Data = '...'; // 替换为包含Base64 PNG的二维码数据
    const decodedData = atob(base64Data);
    this.setState({ decodedData });
  }

  render() {
    return (
      <div>
        <button onClick={this.decodeQRCode}>解码二维码</button>
        <QRCode value={this.state.decodedData} />
      </div>
    );
  }
}