将多个参数传递给后端 API reactjs

Posted 2023-03-11

【中文标题】将多个参数传递给后端 API reactjs

【英文标题】：Pass multiple argument to back-end API reactjs

【发布时间】：2018-11-08 04:32:50

【问题描述】：

我尝试将多个参数从我的操作方法传递给后端的 API 函数。使用我当前的代码，它确实创建了一条新记录，但传递的值是 $name、$country、...所以我在客户端中的输入值没有正确传递到我的后端。

动作方法（客户端）：

    export const addNewBeer = (name,country,color, alcoholPercent) => async dispatch => 
    const res = await axios.post('/api/beers/add/$name/$country/$color/$alcoholPercent' );

在后端创建方法

app.post('/api/beers/add/:name/:country/:color/:alcoholPercent',requireLogin, (req, res) =>

    // constname, country, color, alcoholPercent= req.body;
    const name =req.params.name;
    const country = req.params.country;
    const color = req.params.color;
    // const alcoholPercent =req.params.alcoholPercent;

    const beer = new Beer(

        name,
        country,
        color,
        // alcoholPercent



    );

【问题讨论】：

我还不明白你的问题

可能是“我在客户端的输入值没有正确传递到我的后端”意味着作者需要帮助。

【参考方案1】：

如果您尝试使用 ES6 模板功能，则需要使用反引号而不是单引号：

`/api/beers/add/$name/$country/$color/$alcoholPercent`