如何在发生 onclick 事件时动态附加 url？

Question

这是我进行 api 调用的地方

export const filteredProducts = (e) => {

  const radio = e.target.checked;

  return dispatch => {

    dispatch({type: actionTypes.TOGGLE_LOAD});

    axios.get(radio ? `/store?limit=9&skip=0&subcategory=${e.target.value}` : 

    `/store?limit=9&skip=0`)

    .then(response => {

      dispatch(setFilter(response.data, radio));

    })

  }

}

我想做这样的事情。每当我点击过滤器按钮时，事件都必须附加到现有的 url。

axios.get(`/store?limit=9&skip=0&subcategory=${e.target.value}&brand=${e.target.value}&{e.target.value}`)

我真的不知道如何提出这个问题。如果您想让我说得更清楚，我会尽力做到这一点。因为这是客户项目，所以我无法共享代码库。提前致谢

Answer 1

使用URL 和 url.searchParams APIconst url = new URL("/store?limit=9&skip=0");const makeUrl = (name, value) => {  if (name) {    url.searchParams.append(name,value); // or searchParams.set to not append  }  return url;};export const filteredProducts = (e) => {  const radio = e.target.checked;  return dispatch => {    dispatch({type: actionTypes.TOGGLE_LOAD});    axios.get(radio ? makeUrl(e.target.name, e.target.value) : makeUrl())      .then(response => {        dispatch(setFilter(response.data, radio));      })  }}