Здравствуйте, скажите пожалуйста, как реализовать сразу заход на страницу компонента?

Question

Максим @MaxGraph

Web-разработчик, верстальщик

Здравствуйте, скажите пожалуйста, как реализовать сразу заход на страницу компонента?

Добрый вечер. Может не очень верный вопрос, но дело в том что не знаю как точнее его задать. Покажу пример.
Есть routes:

export default (
	<div>
        <Route exact path='/' component={Home} />
        <Route path='/auth' component={Auth} />
        <Route path='/photo/:id' component={DetailPhoto} />
    </div>
);

и есть собственно роутер.

ReactDOM.render(
	<Router>
		{routes}
	</Router>,
    document.querySelector('#app')
);

как сделать так, чтобы возможно было изначально заходить на site.com/auth, чтобы рендерился компонент?

Вопрос задан более трёх лет назад
75 просмотров

4 комментария

Подписаться 1 Средний 4 комментария

Даниил Лебединский @Lebed71

Настроить редирект с корневого адреса на /auth

Написано более трёх лет назад
Максим @MaxGraph Автор вопроса

Даниил Лебединский, А можно подробнее, как это сделать?
я вообще делаю чуть другую задумку, но пока хотя бы в этом хочу разобраться.

Написано более трёх лет назад
Максим @MaxGraph Автор вопроса

Даниил Лебединский, И суть не в том, чтобы именно на auth попадать.
На любой адрес, который есть в routes, может я еще 10 добавлю.

Написано более трёх лет назад

Роман Александрович @RomReed

Даниил Лебединский,

<Switch>
                        <Route exact path="/"
                                      component={Sources}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId"
                                      component={Categories}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId/categories/:categoryId"
                                      component={Items}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/sources/:sourceId/categories/:categoryId/items/:itemId"
                                      component={Item}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/item/:index"
                                      component={ItemInvoice}
                                      isAuthenticated={isAuthenticated}/>
                        <Route exact path="/overeenkomsten"
                                      component={Overeenkomsten}
                                      isAuthenticated={isAuthenticated}/>
                        <Route component={Sources}/>
                    </Switch>

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 50 минут назад
- 18 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 3 часа назад
- 34 просмотра
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 5 часов назад
- 40 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 5 часов назад
- 142 просмотра
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 5 часов назад
- 46 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 6 часов назад
- 60 просмотров
1

ответ
React

+1 ещё

Простой
Как реализовать Микрофронтенд с использованием Vite с Typescript?
- 1 подписчик
- 11 часов назад
- 31 просмотр
0

ответов
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 12 часов назад
- 20 просмотров
0

ответов
React

Простой
У меня react up ложу .env REACT_APP_PASSWORD=пароль Локально все ок Но на гите не видит..почему?
- 1 подписчик
- 12 часов назад
- 41 просмотр
0

ответов
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- вчера
- 86 просмотров
2

ответа
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

10000 руб./за проект

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

20000 руб./за проект

Настроить редирект с корневого адреса на /auth
Даниил Лебединский, А можно подробнее, как это сделать?
я вообще делаю чуть другую задумку, но пока хотя бы в этом хочу разобраться.
Даниил Лебединский, И суть не в том, чтобы именно на auth попадать.
На любой адрес, который есть в routes, может я еще 10 добавлю.
Даниил Лебединский,
<Switch> <Route exact path="/" component={Sources} isAuthenticated={isAuthenticated}/> <Route exact path="/sources/:sourceId" component={Categories} isAuthenticated={isAuthenticated}/> <Route exact path="/sources/:sourceId/categories/:categoryId" component={Items} isAuthenticated={isAuthenticated}/> <Route exact path="/sources/:sourceId/categories/:categoryId/items/:itemId" component={Item} isAuthenticated={isAuthenticated}/> <Route exact path="/item/:index" component={ItemInvoice} isAuthenticated={isAuthenticated}/> <Route exact path="/overeenkomsten" component={Overeenkomsten} isAuthenticated={isAuthenticated}/> <Route component={Sources}/> </Switch>

Answer 1 · 2019-01-09 15:26:38

Может быть не все меня поняли, но я нашел ответ.

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
 </IfModule>

Вот такой вот htaccess сработал, теперь все запросы переходят на index.html, а уже там реакт сам рендерит что надо.

Здравствуйте, скажите пожалуйста, как реализовать сразу заход на страницу компонента?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт