Reply
Highlighted
Member
Posts: 5
Registered: ‎07-01-2019

Implementation in ReactJS

Can you please comment out how responsehandler can be defined on ReactJS application

 <form id="paymentForm" method="POST" action="">
          <input type="hidden" name="dataValue" id="dataValue" />
          <input type="hidden" name="dataDescriptor" id="dataDescriptor" />
          <InputDiv id="proceed">
            <Button
              type="button"
              id="paymentButton"
              className="AcceptUI"
              data-billingAddressOptions='{"show":true, "required":false}'
              data-apiLoginID={
                process.env.REACT_APP_AUTHORIZE_NET_LOGIN_ID
              }
              data-clientKey={
                process.env.REACT_APP_AUTHORIZE_NET_TRANSITION_KEY 
              }
              data-acceptUIFormBtnTxt="Pay now"
              data-acceptUIFormHeaderTxt="Card Information"
              data-paymentOptions='{"showCreditCard": true, "showBankAccount": true}'
              data-responseHandler={(response) => {
                this.handleSendPaymentInformationToAuthorizeNet(response);
              }}
            >
              Proceed
            </Button>
          </InputDiv>
        </form>
handleSendPaymentInformationToAuthorizeNet = (response) => {
    console.log('response is', response);
  };