javascript - 如何将变量发送到后端 - Mern Stack

Question

我正在尝试根据查询从 Mongo db 获取一些记录。我完成了后端，它与 Postman 配合得很好，但我不知道如何将查询的变量从 React 前端发送到后端。
有一个 Client 模型类，我想检索具有特定公司 ID 的所有客户端，我将通过单击按钮从前端发送该 ID。
Controller .js

exports.viewSpecificClients = async(req,res)=>{
  const id = req.query.id;
  console.log(id);
    try{
      const clients = await Client.find({clientCompanyName: id});
      res.json({clients});
    }catch(err){
      console.log(err, 'clientsController.viewSpecificClients error');
      res.status(500).json({
        errorMessage: 'Please try again later'
      })
    }
};

路线

router.get('/', clientsController.viewSpecificClients);

我必须使用 Redux，所以我尝试这样做，但我只能设法显示数据库中的所有客户端(我不知道如何发送变量)。
Redux 中的 Action.js

export const getClients = () => async dispatch =>{
    try{
        const response = await axios.get('clients');
        dispatch({
            type: GET_CLIENTS,
            payload: response.data.clients
        });
    }catch(err){
        console.log('getClients api error:', err);
    }
}

您能否帮助我了解如何使用 redux 从前端发送公司 ID - 那就是我需要有关如何更改操作功能的帮助以及当按钮为我时我必须在 main.js 文件中做什么点击？

Answer 1

如果您可以在前端访问 companyId，那么您需要做的就是

 const response = await axios.get(`clients?id=${companyId}`);

假设后端 express 已经配置了查询解析器。(默认情况下)
也许你可以拥有

const getClients = (companyId) => dispatch => {
  const response = await axios.get(`clients?id=${companyId}`);
  // above code here
}

如果您需要进一步跟进，请告诉我。