Публикации по теме 'react-router'
Краткое руководство по маршрутизации на стороне клиента с помощью React Router
Что такое маршрутизация на стороне клиента?
Маршрутизация на стороне клиента позволяет приложению обновлять URL-адрес по щелчку ссылки, не отправляя еще один запрос на другой документ с сервера. Это обеспечивает более быстрое взаимодействие с пользователем, поскольку браузеру не нужно запрашивать совершенно новый документ или повторно оценивать активы CSS и JavaScript для следующей страницы.
Использование маршрутизатора React
React Router — это облегченная полнофункциональная..
CRUD с серией скринкастов Redux
В этой серии мы увидим, как реализовать эту важную функцию изолированно. Мы будем использовать create-react-app , сам react , redux для обработки состояния приложения на клиенте, [email protected] для создания отдельных страниц и простой express внутренний сервер с mongodb для сохранения. Таким образом, несмотря на то, что пример приложения небольшой и сфокусированный, он настолько реален, насколько это возможно.
Важное примечание: React Router, который я использовал в..
Вопросы по теме 'react-router'
Как поделиться корневым URL-адресом в соответствии со статусом аутентификации, используя reactjs, redux и redux-simple-router?
Я создаю веб-сайт на основе reactjs, redux и react-router (redux-simple-router), и я как бы застрял в выяснении того, как поделиться корневым путем в зависимости от того, аутентифицирован ли пользователь или нет.
Я искал этот пример...
10.01.2024
Есть ли чистый способ условной загрузки и рендеринга разных компонентов для одного и того же маршрута React Router?
Вариант использования заключается в том, что я хочу сопоставить корень (/) с одним из двух разных компонентов в зависимости от того, вошел ли пользователь в систему или нет, и я хочу, чтобы эти два компонента находились в разных пакетах и...
12.12.2023
Не удается заставить react-hot-loader и webpack-dev-server работать с react-router
Я пытаюсь использовать react-hot-loader с webpack-dev-server и react-router , но когда я пытаюсь получить доступ к localhost:3000/, я получаю:
Cannot GET /
Конечно, это работает, когда я пытаюсь получить доступ к localhost:8000/. Я...
16.11.2023
Проверьте, вошли ли вы в систему — приложение React Router ES6
Я пишу приложение React .js (v15.3), используя react-router (v2.8.1) и синтаксис ES6 . Я не могу заставить код маршрутизатора перехватывать все переходы между страницами, чтобы проверить, нужно ли пользователю сначала войти в систему.
Мой...
17.12.2023
Ошибка маршрутизатора React Redux
Я пытаюсь настроить приложение Redux + React Router. Я думаю, что проблема с ImmutableJS, но я не понимаю, как ее решить.
client.js
import { fromJS } from 'immutable'
import React from 'react'
import { render, unmountComponentAtNode } from...
13.01.2024
React-Router Внешняя ссылка
Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправить на внешний ресурс.
Скажите, что кто-то ударил:
example.com/privacy-policy
Я хочу перенаправить на:...
02.12.2023
Изменения конфигурации в приложении dropwizard для работы с реакцией browserHistory
У меня есть приложение react , работающее на сервере dropwizard . bundle.js обслуживается в /ui. Когда я открываю URL-адрес /ui и перемещаюсь по приложению (и перехожу к /ui/content), он работает нормально. Но когда я пытаюсь обновить...
24.01.2024
React-router-dom BrowserRouter не работает после сборки
Это первый раз, когда я попытался реагировать. Я создаю проект с помощью create-react-app , затем для маршрутизации использую React Router V4 для сети react-router-dom .
Это мой index.js файл
import React from 'react';
import ReactDOM from...
17.11.2023
Перенаправление с помощью react-router-native V4
Я собираю приложение, используя React-Native и React-Router. У меня есть пара страниц с навигацией, и все вроде работает должным образом.
В моем компоненте входа в систему я хотел перенаправить после аутентификации пользователя, и здесь я,...
10.11.2023
MemoryRouter и шуточный тест
https://reacttraining.com/react-router/web/guides/testing
Документация по тестированию реактивного маршрутизатора мне немного непонятна.
Как написать тест для проверки рендеринга маршрута
Компонент. – APage.js
import React, {...
23.01.2024
Базовое имя react-router-dom в BrowserRouter работает неправильно
Я создал приложение ReactJs, и оно должно быть доступно только в domain.com/ app .
Я добавил это в index.js
<BrowserRouter basename='/app/'>
<App />
</BrowserRouter>
И теперь, когда я перемещаюсь между страницами,...
17.11.2023
Не удается справиться с Uncaught TypeError: невозможно прочитать «местоположение» свойства undefined в createRouterReducer
У меня проблема с подключением Router к rootReducer, логи консоли
Uncaught TypeError: Не удается прочитать «местоположение» свойства undefined в createRouterReducer (reducer.js?005c:9)...
Не знаю, как это исправить и подключить роутер к...
24.01.2024
Как сделать многостраничный и макет (или) контейнер с React Router?
Я делаю дашборд, используя React Router v4. У меня есть такие страницы, как «Зарегистрироваться», «Войти», «Добавить и перечислить продукты», «Добавить и перечислить клиентов».
Страницы аутентификации, страницы регистрации и входа имеют...
04.11.2023
React Router ‹Link› на динамическую страницу и вернуться к предыдущему состоянию в useEffect
Я пытаюсь создать приложение React с динамическими страницами и навигационной выборкой с помощью кнопок «Далее» и «Предыдущий», при нажатии на элемент отображается динамическая страница страницы, но когда я нажимаю кнопку «Назад» в браузере, он...
31.10.2023
Реагировать на кнопку отправки формы внутри компонента ссылки
Кнопка отправки в форме должна выполнять назначенную ей функцию и закрывать компонент, возвращаясь на домашнюю страницу, но если вы оборачиваете кнопку компонентом Link, функция отменяется. Есть идеи, как этого избежать?
<Link to={{ pathname:...
03.01.2024
Показывать предупреждение другому компоненту реакции после успешного вызова API из текущего компонента
У меня есть компонент Tenant , который отвечает за перечисление всех сведений о арендаторе, например: имя, телефон, аренда и т. д., и у меня есть компонент AddTenant , который содержит форму, которая используется для создания нового арендатора.
В...
12.11.2023
Nginx возвращает 404 при попытке получить подмаршрут в докеризованном приложении React
У меня есть приложение для реагирования, обслуживаемое службой на докере. Я использую Nginx для перезаписи запросов к моему приложению со следующей конфигурацией:
http {
upstream myapp_servers {
server 1.2.3.4:8000;
}
}
server {...
05.11.2023
Сбой данных ответа веб-перехватчика с «картой» неопределенного
Я пытаюсь получить данные из Shopify Webhook при обновлении корзины. Это работает до тех пор, пока я не попытаюсь сопоставить полученный ответ.
Он показывает ошибку: TypeError: Невозможно прочитать карту свойств неопределенного.
Но если я...
03.11.2023
React routing - компонент NotFound загружается не во всех случаях
Я новичок в reactJS. У меня есть следующие маршруты, определенные в App.js
<Router>
<Switch>
<Route exact path='/' component={Login} />
<Route path='/dashboard' component={Dashboard} />...
29.10.2023
Библиотека тестирования React: ошибка простого теста маршрутизации
Я написал довольно простой тест для реактивного маршрутизатора. Тест должен просто проверить, что кнопка с опорой перемещает to новый маршрут при нажатии.
const Routes = () => {
return (
<Switch>
<Route...
20.01.2024
Новые материалы
ИИ для общего блага, часть вторая
В нашем последнем блоге мы исследовали возможности ИИ для общего блага, указав на несколько инициатив по поиску действенных решений для продвижения справедливых и беспристрастных систем ИИ. По..
Время расцвета закончилось
Большую часть своей карьеры в индустрии программного обеспечения программисты работали с головой в песок.
Успех в отрасли требует навыков презентации и обучения других.
Ценность улучшенных..
Будущее сельского хозяйства: новый уровень производительности с современными технологиями
По мере роста населения мира растет и спрос на продукты питания. Фермеры сталкиваются с растущим давлением необходимости повышать урожайность и максимизировать производительность, манипулируя..
Состояние совместной фильтрации в 2022 году, часть 1
ResBeMF: Улучшение прогнозируемого охвата совместной фильтрации на основе классификации (arXiv)
Автор: Анхель Гонсалес-Прието , Авраам Гутьеррес , Фернандо Ортега , Рауль Лара-Кабрера..
Зачем изучать PYTHON в 2022 году !
Python — востребованный, доступный язык программирования с активным, постоянно растущим сообществом пользователей. Для тех, кто хочет сменить профессию в мире технологий с помощью..
Решение капч с помощью Puppeteer
Это руководство предназначено для текстовых кодов, а не для reCAPTCHA Google (см. конец этого сообщения).
Требования:
Антикапча или любой другой сервис по разгадыванию капчи. Модуль..
7 встроенных библиотек Python, которые необходимо знать
7 встроенных библиотек Python, которые необходимо знать
Стандартная библиотека Python значительно упрощает жизнь программистов, предоставляя широкий набор функций. Мы выбираем несколько..