0

Estoy buscando la manera de poder filtrar productos y que estos se filtros se vean reflejados en la URL para que si refresca o comparten el link puedan volver acceder a la vista de los productos con los filtros ya puestos

En el inicio de la Aplicación tengo

<BrowserRouter>
    <Switch>
      <Route path="/tienda/:ftipo?/:fcategoria?">
        <Tienda agregarProductoAlCarrito={agregarProductoAlCarrito} />
      </Route>
    </Switch>
  </BrowserRouter>

Y en el componente de Tienda tengo lo siguiente para usar

const { ftipo, fcategoria } = useParams();

Estoy buscando que se puedan seleccionar más de un fcategoria ya que me quedaría limitado a la primer categoria seleccionada en los filtros

1

1 respuesta 1

0

Puedes separar las categorías con &, al construir los enlaces deberás gestionarlo para que sean algo así:

/tienda/tipo/categoria1&categoria2

Y luego cuando recoges los datos, hacer un split:

const { ftipo, fcategoria } = useParams();

let categories = fcategoria.split("&");

Y tendrás las categorías en un array

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.