Публикации по теме 'react-router-dom'
Лучшие библиотеки маршрутизации React
Как вы, возможно, знаете, маршрутизация на стороне клиента является важным аспектом создания современных веб-приложений, поскольку она позволяет пользователям перемещаться между различными представлениями или страницами в рамках одностраничного приложения.
Доступно несколько библиотек маршрутизации React, которые предоставляют мощные, гибкие и простые в использовании решения маршрутизации для ваших проектов.
В этой статье мы обсудим четыре самые популярные библиотеки маршрутизации React,..
Маршрутизация в React, часть 2
Настройка маршрутизации в React довольно проста, но включает в себя ряд шагов. В своем блоге Маршрутизация в React, часть 1 я объяснил, как установить react-router-dom, а затем использовать его в файле index.js.
Чтобы пользователю было легко перемещаться между разными страницами, нам также понадобится панель навигации. Но сначала мы разделим то, что сейчас находится в файле index.js, между App.js и index.js. Вот как выглядел файл index.js после завершения первой части:
Перед..
Вопросы по теме 'react-router-dom'
Подмаршруты маршрутизатора React не отображаются
Я использую response-router-dom для маршрутизации в моем приложении. У меня проблемы с отображением подмаршрутов. У меня есть 2 маршрута: localhost: 8080 / и localhost: 8080 / posts / new. Маршрут localhost: 8080 / работает по назначению. Если я...
549 просмотров
schedule
13.09.2021
React JS - Route - Недопустимый тип элемента
Я новичок в React JS и пытаюсь реализовать что-то похожее на пример приложения Angular.
У меня есть таблица клиентов, и я хочу видеть выбранного клиента внизу таблицы.
Я пробовал следующее с помощью response-router-dom:
// index.js
import...
3230 просмотров
schedule
24.10.2021
React-router-dom - разница между ссылкой и history.push?
Разницу между href и ссылкой я понимаю.
Но я хочу знать разницу между использованием ссылки и withrouter с помощью history.push? Если я уже открывал страницу, получает ли history.push страницу из кеша?
Используя ссылку:
<Link...
4501 просмотров
schedule
25.10.2021
Маршрутизация Laravel + React с помощью react-router-dom
Я пытаюсь создать реагирующую маршрутизацию в своем приложении laravel. Но это не работает. Я безуспешно следил за несколькими уроками.
Сначала я добавил этот маршрут в route.php:
Route::get('/', function () {
return view('index', []); });...
2157 просмотров
schedule
26.11.2021
Передать компонент маршрута React в функцию свойств родительского компонента
чрезвычайно ново, чтобы отреагировать и простить меня, если это звучит глупо, но я пытаюсь с этим разобраться.
Моя структура компонентов такая:
Dashboard
Billing
Счет
Я хочу, чтобы, когда вы нажимаете ссылку на счет-фактуру...
351 просмотров
schedule
11.09.2021
Отказаться от подписки на обработчики реакции прослушивателя событий
В компоненте реакции на основе классов вы могли бы просто сделать;
componentWillUnmount() {
window.removeEventListener('resize', this.resizeHandler);
}
Хотя я не уверен, как это сделать в функциональном компоненте с помощью React Hooks?...
5010 просмотров
schedule
18.09.2021
Кнопка возврата браузера не получает историю после перенаправления с помощью response-router-dom
Маршруты выглядят так:
<Route path="/" exact component={Landing} />
<Route path="/Buyer" exact component={Buyer} />
<Route path="/Seller" exact component={Seller} />
А внутри Landing у меня есть условный...
716 просмотров
schedule
16.11.2021
validateDOMNesting (): ‹td› не может отображаться как дочерний элемент ‹a›
Я создаю таблицу в проекте React с использованием пользовательского интерфейса материала, но получаю эту ошибку. Я пытаюсь сделать так, чтобы вся строка была ссылкой на страницу, содержащую дополнительную информацию по этому вопросу. Это фрагмент...
1606 просмотров
schedule
15.11.2021
Как повторно отобразить компоненты реакции при изменении URL-адреса?
У меня такой маршрут:
<BrowserRouter>
<Switch>
<Route path="/question/:title" component={Item} />
</Switch>
</BrowserRouter>
Компонент использует axios для извлечения данных и обновления...
1685 просмотров
schedule
26.09.2021
Пропустить опору через реагирующий маршрутизатор на компонент
У меня есть компонент, который представляет собой таблицу материалов. При нажатии кнопки редактирования у меня появляется эта функция:
//MaterialTable.js
...
const handleEdit = (e,Data) => {
console.log(Data)
return(<EditFunction...
112 просмотров
schedule
27.11.2021
Отправка на динамический маршрут, определяемый значением, управляемым вызовом API
У меня проблема с переходом на динамический маршрут. После нажатия кнопки отправки на компоненте входа в систему я отправляю действие, обновляющее state.account.id :
export const loginAndGetAccount = credentials => dispatch => {...
21 просмотров
schedule
14.09.2021
Реагировать: хук useLocation не существует в TypeScript-скрипте response-router-dom
Здравствуйте, я пытаюсь импортировать useLocation Hook из "машинописного текста" react-router-dom, я не могу его найти
согласно React Router Документация Я почти уверен, что она существует.
Тем не менее, в машинописном тексте он продолжает...
2961 просмотров
schedule
25.10.2021
Как мне перенаправить на страницу ошибки после получения статуса 404 от вызова API в React?
У меня есть страница проверки с параметрами adminId , которые будут вызывать API для проверки существования учетной записи. Поскольку я использую React Router, я могу указать любое значение для параметров, и он все равно будет отображать страницу....
318 просмотров
schedule
08.11.2021
Маршрутизатор React с несколькими коммутаторами, отображающий только компоненты первого коммутатора
Я работаю над приложением React и столкнулся с проблемой, описанной ниже.
Это мой основной компонент маршрута, имеющий разные макеты, поэтому я структурировал его следующим образом.
export const AppRoutes = () => {
return (...
461 просмотров
schedule
06.12.2021
Как использовать вложенный маршрутизатор React Router в дочернем или дочернем компоненте
Я создаю приложение, в котором мне нужно вести учет автомобилей с помощью firebase fireStore, но у меня возникла проблема с маршрутизацией компонента, я не знаю, как выполнять маршрутизацию внутри субкомпонента. Весь мой код указан в ссылке:...
42 просмотров
schedule
03.11.2021
Как протестировать форму с перенаправлением действий с помощью библиотеки react-testing-library
Я добавил панель поиска с помощью формы и ввода в свое приложение React, и я хотел бы проверить, что оно перенаправляет на нужную страницу. Я использую библиотеку response-testing и react-router-dom.
Вот мой компонент (упрощенный):
const...
379 просмотров
schedule
20.09.2021
Обновление браузера показывает ошибку "Страница не найдена", когда приложение single-spa развернуто в подкаталоге
Мой single-spa содержит 4 приложения для реагирования. У каждого есть свой собственный дом-маршрутизатор реакции. Если я нажимаю кнопку обновления браузера из одного из 4 приложений, он говорит, что страница не найдена. Приложение разворачивается...
567 просмотров
schedule
12.09.2021
Запретить пользователю вернуться на страницу входа, когда пользователь вошел в React js
Что касается функций входа в систему, я просто хочу, чтобы после входа пользователя на веб-сайт пользователь не мог вернуться на страницу входа, но не хочу отключать кнопку возврата браузера на панели инструментов, я хочу, чтобы пользователь...
47 просмотров
schedule
19.10.2021
Можно ли передать функцию через параметры состояния
Как передать функцию как параметры состояния, используя реагирующий маршрутизатор с методом props.history.push.
const myFun = () => {
console.log("do something");
}
Ex:
props.history.push({
pathname:...
45 просмотров
schedule
06.11.2021
Как передать реквизиты компонентам маршрута при использовании useRoutes?
Я пробую новый хук useRoutes от react-router-dom , и он кажется довольно интересным. Единственная проблема в том, что я не могу понять, как передать свойства компонентам.
Раньше у меня был Route компонент, и я бы выбрал там части локального...
356 просмотров
schedule
21.09.2021