René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Implementation on ReactJS","articleBody":"How can I use AcceptJS on the client side? I am using ReactJS on the front end and Serverless, NodeJS on the backend. It is a bit confusing to implement AcceptJS. Previously when I have used _stripe_ , it was pretty much straight forward. \r\n\r\n```import React from 'react';\r\nimport StripeCheckout from 'react-stripe-checkout';\r\n\r\nimport config from '../config';\r\n\r\nclass PayButton extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.onToken = this.onToken.bind(this);\r\n  }\r\n\r\n  async onToken(token) { // On a successful tokenization request,\r\n    const res = await fetch(config.stripe.apiUrl, { // POST to our backend server with the token and charge details\r\n      method: 'POST',\r\n      body: JSON.stringify({\r\n        token,\r\n        charge: {\r\n          amount: this.props.amount,\r\n          currency: config.stripe.currency,\r\n        },\r\n      }),\r\n    });\r\n    const data = await res.json();\r\n    console.log('onToken');\r\n    console.log(data);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      \u003cStripeCheckout\r\n        name=\"Serverless Stripe Store Inc.\"\r\n        token={this.onToken}\r\n        amount={this.props.amount}\r\n        currency={config.stripe.currency}\r\n        stripeKey={config.stripe.apiKey} // Stripe publishable API Key\r\n        allowRememberMe={false}\r\n      /\u003e\r\n    );\r\n  }\r\n}```\r\n\r\nIn the backend though, it is\r\n```const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY);\r\n\r\nmodule.exports.handler = (event, context, callback) =\u003e {\r\n  const requestBody = JSON.parse(event.body);\r\n  const token = requestBody.token.id;\r\n  const amount = requestBody.charge.amount;\r\n  const currency = requestBody.charge.currency;\r\n\r\n  return stripe.charges.create({ // Create Stripe charge with token\r\n    amount,\r\n    currency,\r\n    description: 'Serverless Stripe Test charge',\r\n    source: token,\r\n  })\r\n    .then((charge) =\u003e { // Success response\r\n      const response = {\r\n        statusCode: 200,\r\n        headers: {\r\n          'Access-Control-Allow-Origin': '*',\r\n        },\r\n        body: JSON.stringify({\r\n          message: `Charge processed succesfully!`,\r\n          charge,\r\n        }),\r\n      };\r\n      callback(null, response);\r\n    })\r\n    .catch((err) =\u003e { // Error response\r\n      const response = {\r\n        statusCode: 500,\r\n        headers: {\r\n          'Access-Control-Allow-Origin': '*',\r\n        },\r\n        body: JSON.stringify({\r\n          error: err.message,\r\n        }),\r\n      };\r\n      callback(null, response);\r\n    })\r\n};```\r\n\r\nIs there an equivalent method to implement this?","author":{"url":"https://github.com/vamshi9","@type":"Person","name":"vamshi9"},"datePublished":"2019-06-20T10:42:34.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/26/sample-code-node/issues/26"}