Реакция добавляет</Link> URL к текущему пути компонента

Question

Текущий путь моего компонента: http://localhost:3000/dashboard/questionnaire/5bf79ff4c45a150015cef7a9, внутри этого компонента есть

<Link to={`dashboard/financials/${businessId}`}>Financials</Link>

Если щелкнуть по URL, он перенаправляется на http://localhost:3000/dashboard/questionnaire/dashboard/financials/5bf79ff4c45a150015cef7a9 вместо http://localhost:3000/dashboard/financials/5bf79ff4c45a150015cef7a9

Answer 1

Когда вы объявляете относительный путь в компоненте Link, он добавляет ваш path в конец текущего местоположения.

Чтобы заменить весь путь, просто используйте абсолютный путь, поместив /до URL.

<Link to={`/dashboard/financials/${businessId}`}>Financials</Link>