React实现微信扫码支付

效果图 

一、请求后台接口获取data数据

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

二、解析数据

https://www.npmjs.com/package/qrcode.react

安装

npm install qrcode.react

二维码生成工具

 <QRCode size={150} value={this.state.path}/>

解析处理data

  /**
     * 二维码支付的返回数据
     */
    if (payData !== ispFeeOlds && payData) {
      if (payData.code_url) {
        this.setState({
          showQR: true,
          path: payData.code_url,
        });
      } else {
        if (payData.err_code_des) {
          message.info(payData.err_code_des)
        } else {
          message.info("微信扫码支付失败")

        }
      }
    }

三、回调处理

目前扫码不回调 只能通过监听自己服务器订单状态改变

欢迎加入技术分享学习公众号【码兄】