Question

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

行动方法（客户方）：

    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) =>{

    // const{name, 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



    });

Answer 1

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

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

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

1 个答案: