Передача параметров данных запроса в запросе HTTP

Question

Итак, серверная часть моего рецепта генерирует конечные точки Get HTTP приложения, которые принимают параметры и управляют ответом на основе параметров, передаваемых в маршрутах.

Например: если я хочу получать рецепты, принадлежащие только определенным группам кухонь, я могу пропустить эти группы кухонь в своем HTTP-запросе get

"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 (я рекомендую последнее) для асинхронных вызовов.