Как проложить маршрут по абсолютному пути, используя реагирующий маршрутизатор?

Question

У меня есть приложение реагирования, использующее реагирующий маршрутизатор для маршрутизации между страницами. Проблема заключается в следующем: я нахожусь на странице по следующему маршруту: http://example.com/my-current-location/, и я хочу направить на http://example.com/my-next-location/

Я пытаюсь использовать

this.props.history.push("/my-next-location")

, ноэто переводит меня в http://example.com/my-current-location/my-next-location/, а это не то, что мне нужно.

this.props.history.push ("/ my-next-location")

Что мне нужно, так этоспособ перейти к абсолютному пути. Конечно,

location.replace()

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

Answer 1

вы можете использовать <Link /> или этот компонент

import React from 'react;
import {Redirect} from "react-router-dom";




/**
 * @param {boolean} props.redirect 
 */

const index = props =>{

return props.redirect ? 
<Redirect to="/my-next-location" />
:<div>
   the components code
</div>

}