Payment Gateway integration with ReactJS

I am new to ReactJS and implementing payment of bills in my application for which I need to implement the payment gateway services from mastercard. The application should support both AMEX and MASTERCARD payments. As a reference, we need to use the following link

https://ap-gateway.mastercard.com/api/documentation/integrationGuidelines/hostedSession/integrationModelHostedSession.html

But how I will use the same code in the mentioned link in the reactjs app is a confusion. Because in the render() method I was unable to use the script and the callbacks. Is there different way to implement in reactjs.

I also did a bit of google and came across

https://www.npmjs.com/package/mastercard-hosted-session

But my confusion is when I click the Pay button how to put everything in perspective with the link above.

If anyone has a better approach or solution, kindly let me know