Question

因此，我的Recipe后端会生成App的Get HTTP端点，以接受参数并根据路由中传递的参数来操纵响应。

例如：如果我想接收仅属于某些美食组的食谱，则可以在我的HTTP请求中传递这些美食组

"http://myrecipe.com/get/recipes/?cuisine=mediterranean&&cuisine=indian&&cuisine=chinese

这是我的action.js

export const getRecipes = (params, access_token) => async dispatch => {
  const res = await axios.get(
          '/api/recipes'), 
          { params: {} }, 
          {headers: Authorization: `Bearer ${access_token}`}
     ); 
   dispatch({
       type: GET_RECIPES,
       payload: res.data
   }); 
}

和我的组件：

componentDidMount() {
   this.props.getRecipes({params: {cuisine: 'indian', cuisine: 'chinese', cuisine='mediterranean'} }, user.access_token); 
}

但是这似乎不起作用，我的代码怎么了？

Answer 1

这将不起作用。使用redux-thunk或redux-saga（我建议后者）进行异步调用。

在获取HTTP请求中传递查询数据参数

1 个答案: