ReactJS - двухсторонний маршрутизатор

Question

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

Exist маршрутизатор ссылается на компонент вместо пути? Как

<Link to={AboutComponent}>About</Link> 

Если вы хотите изменить URL-адрес, мне пришлось менять пути везде. Таким образом, я изменю его в одном месте.

Answer 1

Exist router ссылается на компонент вместо пути?

No.

Если вы хотите, чтобы изменить URL, так что мне пришлось изменить пути везде. Таким образом, я изменю его в одном месте.

Затем хранить все ваши пути как константа в одном месте, а затем импортировать их туда, где они вам нужны:

// paths.js 
export const ABOUT = '/about'; 
export const SOMETHING_ELSE = '/somethingelse'; 

Так что в вашем приложении:

import { ABOUT, SOMETHING_ELSE } from './paths' 
... 
<Route path="{ABOUT}" component={AboutComponent}/> 

И просто делать то же самое где бы вы ни использовали <Link to={ABOUT}>About</Link>

Если вы в какой-то момент решили изменить путь, просто измените его в paths.js.

Answer 2

IMO, мы не можем использовать компонент непосредственно непосредственно в компоненте Link, просто потому, что в каком-то случае один компонент может использоваться по разным маршрутам. Как следующее:.

<Route path='/recent-movies' component= {MovieList} /> 
<Route path='/hot-movies' component= {MovieList} /> 

В приведенном выше примере компонент MoveList будет отображать фильмы, основываясь на пути прошел в (я знал, что это не является хорошим примером, просто хочу показать, что это возможный случай)

В угловом ui-router введено название маршрута, поэтому каждый раз, когда путь изменяется, он не изменяется. Но в реакции-маршрутизаторе это проще, я лично не против.