如何将数据从 Node js 传递到 React 或从服务器重定向页面答案

【问题标题】：How to pass a data from Node js to React or redirect a page from the sever如何将数据从 Node js 传递到 React 或从服务器重定向页面
【发布时间】：2020-01-06 19:17:47
【问题描述】：

最终目的是将支付页面重定向到成功页面，但这发生在服务器上，我从 Stripe api 获得了一个对象响应，我想有条件地将它发送到前端（React），以便我可以重定向页面或直接从后端执行谢谢

条纹按钮

     <div className={styles.buttonsection}>
    <StripeCheckout 
amount={total*100}
label="Credit Card"
name="Boston Maids"
email=""
token={ (token) =>{axios.post('/api/stripe', token)}} 

stripeKey={"*********************"}


/>

server.js

app.post('/api/stripe', async (req, res) => {

   const charge = await stripe.charges.create({
        amount: 5000,
        currency: 'usd',
        description: 'Cleaning Services',
        source: req.body.id


    }).catch(console.error).then(charge =>{if (charge) {
     console.log(charge);

    } ```

【问题讨论】：

标签： javascript node.js reactjs routing stripe-payments

【解决方案1】：

创建一个新方法来调用后端 API。在该 API 的成功回调中，将结果设置为状态，然后处理您想做的任何事情。

让我们说，在上面的示例中，如果您想填充令牌，请从状态中的结果中设置令牌并使用this.state.token（如果您的状态键是来自后端的令牌的令牌），如下所述：

<StripeCheckout 
amount={total*100}
label="Credit Card"
name="Boston Maids"
email=""
token={this.state.token} 
stripeKey={"pk_test_yBMj0cqYIXUsXeJ0lnVBil1T"}
/>

【讨论】：

如果要重定向，可以有条件地渲染<Redirect />
有道理，但我正在处理另一部分。上面的例子在前端，我要处理的是来自后端（server.js）中发生的条带请求的电荷常数，上面的例子首先发生。谢谢

【解决方案2】：

我只是在

```const handlerToken =  async (token, total2) => {


     const response = await axios.post("/api/stripe", {
        token,
        total2 ```



```  <StripeCheckout
                  amount={total * 100}
                  label="Credit Card"
                  name="Boston Maids"
                  email=""
                  token={handlerToken}
                  stripeKey={"*****************"}
                /> ```

【讨论】：