Как можно оптимизировать этот кусок кода?

Question

[Narts]

привет!
есть такой код:

export const getBlog = (spinner = null) => (dispatch) => {
  dispatch(setSpinner(spinner));
  axiosGetBlog()
    .then((response) => {
      dispatch(setPosts(response.result, 1));
    })
    .catch(console.log)
    .finally(() => {
      dispatch(closeSpinner());
    });
};

export const getPubl = (spinner = null) => (dispatch) => {
  dispatch(setSpinner(spinner));
  axiosGetPubl()
    .then((response) => {
      dispatch(setPosts(response.result, 2));
    })
    .catch(console.log)
    .finally(() => {
      dispatch(closeSpinner());
    });
};

export const getMat = (spinner = null) => (dispatch) => {
  dispatch(setSpinner(spinner));
  axiosGetMat()
    .then((response) => {
      dispatch(setPosts(response.result, 3));
    })
    .catch(console.log)
    .finally(() => {
      dispatch(closeSpinner());
    });
};

то есть по сути код дублируется 3 раза, единственное отличие - в промисе. Можно как-нибудь схлопнуть этот код в одну функцию? Например, в аргументах функции помимо spinner будет mode, в зависимости от которого будет вызываться тот или иной промис (axiosGetMat/getPubl/getBlog)

Comments

[Сергей Сергей]

const axioses = [ axiosGetBlog, axiosGetPubl, axiosGetMat ];

axioses[mode]().then()

[Adamos]

Сергей Сергей, при написании в лоб эта mode попадет в замыкание и наврет.
Достаточно сделать функцию, возвращающую всю эту конструкцию с подстановкой нужного и вызвать ее для всех трех присвоений, подав аргументами каждый из трех вариантов.

Answer 1

[black1277]

export const getData = (axiosFunc, num, spinner = null) => (dispatch) => {
  dispatch(setSpinner(spinner));
  axiosFunc()
    .then((response) => {
      dispatch(setPosts(response.result, num));
    })
    .catch(console.log)
    .finally(() => {
      dispatch(closeSpinner());
    });
};
// примеры вызова
getData (axiosGetBlog, 1, spinner)
getData (axiosGetPubl, 2, spinner)
getData (axiosGetMat, 3, spinner)