React-router-dom как вернуться назад (не в истории)

Попробуйте использовать крючок useNavigate() из react-router-dom.

Как я вижу, это может удовлетворить ваши потребности, передав дельту в качестве аргумента функции навигации, или вы можете просто передать маршрут, который хотите пройти.

Ты можешь использовать "." или «..» в компоненте «Ссылка», чтобы перейти на один или два уровня вверх.

<Link to = ".">Go one level up</Link>
<Link to = "..">Go two levels up</Link>

Другой подход заключается в сопоставлении маршрутов с помощниками, чтобы вы могли повторно использовать их по всей кодовой базе:

// Routes helpers
const dashboardRoute = (id) => `/dashboard/${id}`;
const subPageRoute = (id, subId) => `/dashboard/${id}/sub-page/${subId}`; 

// Routes mapping
<Switch>
  <Route path = {dashboardRoute(":id")}>
    <Dashboard />
  </Route>
  <Route path = {subPageRoute(":id", ":subId")}>
    <SubPage/>
  </Route>
</Switch>

// Route helper usage
<Link to = {dashboardRoute(id)} >Go to dashboard route</Link>

Объект history может перемещаться только по специально определенным путям через строку пути с помощью .push/.replace или перемещаться вперед/назад через дельту с помощью .go.

Вы можете создать обработчик «goToParent», который считывает текущее совпадающее местоположение pathname, отсекает последний сегмент пути и выдает PUSH.

Пример:

import { useLocation, useHistory } from "react-router-dom";

...

const { pathname } = useLocation();
const history = useHistory();

const goUpLevel = () => {
  const parent = pathname.split("/").slice(0, -1).join("/");
  history.push(parent);
}

Если вы хотите подняться на два уровня вверх, то есть с "/dashboard/1/sub-page/7" на "/dashboard/1", используйте .slice(0, -2), чтобы отрезать последние сегменты два.