Как перенести приложение React на React Router, чтобы получить параметры из пути
У меня есть полнофункциональное веб-приложение React, которое теперь требует загрузки отдельных изображений на основе суффикса URL-адреса. Похоже, что для получения любой информации из пути мне нужно иметь приложение React Router. Есть --- A: Способ легко перейти на React Router, чтобы я мог использовать this.props.location.pathname? или B: Другой способ получить путь без перехода на React Router.
Спасибо.
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов
Проще говоря, компонент - это фабрика для создания элементов.
0
0
21
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Использование response-router только для этого было бы излишним. Вы можете легко получить URL-адрес с помощью window.location.pathname. Что вам нужно, так это настроить прослушиватель в месте, которое устанавливает имя пути в состояние, и вы можете передать его компонентам, которые в нем нуждаются.
window.addEventListener('locationchange', function(){
console.info('location changed!');
}
Другие вопросы по теме
Очистить форму в другом компоненте Angular6
Как удалить класс в машинописном тексте
Разрывы строк теряются при передаче данных?
Переменная дочернего компонента angular не обновляется при вызове из родительского компонента
Какова цель ... перед массивом объектов
Twilio не определен в Ionic 3
Ошибка типа: общий тип не может быть назначен
Машинопись не удаляется даже после переустановки узла
Как я могу редактировать определенную строку в таблице с помощью angular5?
Как отобразить строковое значение в нескольких строках абзаца, содержащего <br> в качестве символа новой строки
Похожие вопросы
Проблема при запуске run-android с реагированием
Как я могу объединить два использования connect ()?
Сообщение об ошибке при использовании ChartJS с React
Зависимость от одного тестового костюма приводит к сбою других тестовых костюмов - Jest
Как я могу передать реквизиты родителю и одновременно вызвать функцию в одном объекте (теге)
Как получить доступ к this.props.match.params вместе с другими реквизитами?
Spring 4 mvc: запускать событие, когда веб-приложение готово
Получение ошибки как: TypeError: невозможно прочитать свойство 'location' неопределенного
React.js import font-awesome не работает с npm
Как проиграть mp3 один раз на Click in React?