将多个参数传递给后端API reactjs(Pass multiple argument to back-end API reactjs)

 我尝试从我的操作方法传递多个参数到后端的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) =>{

    // 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



    });

I try to pass multiple argument from my action method to my API function in the back-end. With my current code, it does create a new record but the passed value are ${name}, ${country},... so my input value in the client doesn't pass correctly to my back-end.
 
action method (client side):
 
    export const addNewBeer = (name,country,color, alcoholPercent) => async dispatch => {
    const res = await axios.post('/api/beers/add/${name}/${country}/${color}/${alcoholPercent}' );
}
 
create method in the back-end
 
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



    });

原文：https://stackoverflow.com/questions/50585718