Как сделать относительный маршрут для вкладок с реакции-роутером - PullRequest
Новая
       8

Как сделать относительный маршрут для вкладок с реакции-роутером

0 голосов
/ 20 ноября 2018

Хорошо, учтите, что у меня есть следующий (очень упрощенный) компонент вкладки: 

<Tabs
    value={this.state.tab_idx /*will be changed to use route instead of idx*/}
    onChange={this.handleChangeIndex}
    indicatorColor="primary"
    textColor="primary"
    fullWidth
>
    <Tab label="Overview" component={Link} to="overiew"/>
    <Tab label="Users" component={Link} to="users"/>
    <Tab label="etc" component={Link} to="etc"/>
</Tabs>

Теперь это часть дерева документов, поэтому она находится под маршрутом:

SITE/organizations/organization-name

Итак, первое должно быть SITE/organizations/organization-name/overview второй SITE/organizations/organization-name/users

и т.д.

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

Решение состоит в том, чтобы всегда включать косую черту внутри всех URL. Тогда, поскольку в настоящее время я не уверен, что будут содержать вложенные вкладки, это «не мое дело», щелчок вкладок в тандеме приведет к тому, что URL-адрес будет выглядеть следующим образом:

SITE/organizations/organization-name/overview/events/overview/

Это тоже не хорошо. Оба эти решения имеют дополнительную проблему, что они ведут себя по-разному, если я иду на сайт, набрав

SITE/organizations/organization-name и SITE/organizations/organizations-name/ Что очень плохо и может смутить людей.

В идеале я бы определил "дом" Site/organizations/organization-name будет Site/organizations/organization-name/overview И пусть оба URL-адреса (заканчивающиеся на / имя-организации и / обзор) будут псевдонимами друг друга.

...