Entiendo que debido a alguna lógica de React Router, se agrega una barra inclinada a la URL al actualizar.

En algún contexto, estoy mostrando una página que muestra información de la empresa en función de la empresa al final de la URL. Dado que divido y extraigo las empresas a través de "/", mi página se carga perfectamente con o sin la última barra inclinada.

El problema ahora es que si alguna vez actualizo la página y agrega una barra inclinada hacia adelante, cuando cambio de compañía, se estropea.

Ejemplo :

URL original: https://www.payranked.com/companies/bytedance

URL actualizada: https://www.payranked.com/companies/bytedance/

Si tuviera que navegar a otra página :

Sin barra inclinada: https://www.payranked.com/companies/accenture

Con barra diagonal final: https://www.payranked.com/companies/bytedance/accenture

Como se ve, si hay una actualización de la página, entonces mi URL se estropea.

Aquí está mi código actual:

 const history = useHistory(); // Some code... // Used to extract company string, then uses MySQL call to display info const location = useLocation(); const companyURL = location.pathname.split('/')[2]; // companyDropdown is the key returned from selecting a company in the dropdown. let companyDropdownURL = CompanyNameToURL[companyDropdown]; history.push({ pathname: `${companyDropdownURL}`, state: { response: '' } });

companyDropdownURL es esencialmente un valor de un mapa CompanyNameToURL . Es decir, si estuviera buscando JPMorgan Chase ( companyDropdown ), companyDropdownURL sería jpmorgan-chase, que se refleja en la URL.

¿Cómo abordaría este problema de manera factible, ya sea editando el historial de alguna manera o mediante otro método? ¡Gracias!

Editar: Se agregó más información