React Router - полная библиотека маршрутизации для React, основанная на системе маршрутизации Ember

Подробнее про react-router...

Я пытаюсь отобразить обзор книги, когда кто-то нажимает на любое из изображений книги (функция onClick), что должно привести их на страницу обзора книги этой конкретной книги в новом маршруте. Я загрузил обложки книг вручную в Books.js, а затем отобразил отдельные обложки книг в Book.js. Любая помо...
У меня есть защищенный маршрут, когда пользователь входит в систему, я сохраняю данные пользователя в localStorage. В защищенном маршруте я проверяю данные пользователя из localStorage. Если он пуст, я перенаправляюсь на страницу входа, в противном случае пользователь может получить доступ ко всем ...
3 Окт 2022 в 09:30
Следующий код не заменяет последнюю запись в стеке истории: // inside some component const navigate = useNavigate() // inside a hook or click handler navigate('/someroute', {replace: true}) // .. Я проверил интерфейс navigateFunction в документации, но не могу сказать что я делаю неправильно. htt...
Я хотел бы реализовать маршрутизацию в своем проекте, но я продолжаю получать одно и то же сообщение об ошибке и не могу понять, как решить проблему. Я хочу начать с компонента MappedCharacters и назначить его маршруту "/". Здесь я получаю следующее сообщение об ошибке: «Неперехваченная ошибка: [M...
У меня выдает ошибку при анимации переключения маршрутов с помощью CssTransition, в интернете не могу найти ничего полезного по этой проблеме. Может здесь кто подскажет. Спасибо! react : 18.2.0 react-router-dom: 6.4.0 react-transition-group": 4.4.5 Проблема только при переключении на роут case/:i...
У меня есть функция оплаты, которая вызывается нажатием кнопки, и если пользователь не вошел в систему, я хочу перенаправить этого пользователя на компонент входа. Это мой код функции. const PaymentMethod = ()=>{ if(!isAuthenticated()) { toast.error('Please signin...
Запуск моего приложения на --> http://localhost:8000 Я создал компонент под названием «NavBar», и в этом компоненте я создал ссылку на «/home». В «/home» я просто отображаю следующий текст -> «Test React Router Dom» В компоненте «NavBar» нажатие на «Ссылка на «/home» работает, но когда я пытаюсь обн...
В предыдущем вопросе я сказал, что я следую этому руководству, оно должно быть простым. . Но учебник может быть довольно старым, он использует Switch и Redirect. Я пытаюсь использовать его с новыми Routes и Navigate... но он отображает пустой экран, просто переименовывая их. Поэтому я искал информ...
1 Окт 2022 в 18:23
Я новичок в react.js и не могу понять это... Я хочу, чтобы панель навигации отображала, на какой странице вы находитесь (в этом примере, если вы находитесь на странице A или B). В данном случае это делается состоянием, управляющим параметром «selected» в «ListItemButton». Страницы A и B вложены в N...
1 Окт 2022 в 17:31
//Prev.jsx const handleClick = (row) =>{ const orderNumber = row.orderNumber.replace(/\D/g, '') console.log(orderNumber) navigate("/drivers/" + (driverId) + "/" + (orderNumber)) } //App.js <BrowserRouter> <Routes> <Route path="drivers"> <Route index element={ <RequaireAuth...
У меня есть 2 кнопки в компоненте. И 2 аккордеона в другом компоненте, называемом пользователями, я хочу открыть 1-й аккордеан при нажатии 1-й кнопки и 2-й аккордеон при нажатии 2-й кнопки, при загрузке страницы, как мне отличить, что нужно открыть 1-й или 2-й аккордеон, когда у меня есть тот же UR...
1 Окт 2022 в 13:12
Я создал в своем проекте компонент, состоящий из простой кнопки, которая возвращает на предыдущую страницу с помощью хука useNavigate. Как написано в документации, просто передав -1 в качестве параметра крючка будет достаточно, чтобы вернуться на одну страницу назад. Но ничего не происходит. Код ...
1 Окт 2022 в 12:51
Когда я пытаюсь отобразить элементы, я ничего не могу отобразить, даже если <Link to=""> работает нормально. Мне нужна простая панель навигации с использованием react-router-dom, чтобы создать многостраничное веб-приложение. Я надеюсь, что эту ошибку можно решить без какого-либо сложного кода, пот...
Я делаю проект React(17) Laravel(9.31). Я пытаюсь реализовать маршрутизацию во внешнем интерфейсе ("react-router-dom": "^5.0.0"), но тот же результат с 6. Теперь я использовал один блейд (индекс) и отправил все сюда. индекс и основная лопасть имеют соединение(урожайность). Основной блейд формирует ...
1 Окт 2022 в 10:32
Допустим, у меня есть страница на сервере, на которой я хочу запустить реакцию. Например местоположение myreactpage на сайте site.com/path1/path2/myreactpage.html реагирующий маршрутизатор <Router> <Routes> <Route path="/" element={Home} /> {/* doesn't work */} <R...
30 Сен 2022 в 13:22
Как определить Outlet в react-router v6.4. Спасибо. Вот мой код function Layout() { return ( <div> <Navbar /> <Outlet /> <Footer /> </div> ); } ...
30 Сен 2022 в 12:55
У меня есть этот небольшой проект, где я ввожу некоторую информацию о пользователе в форму, и при отправке она будет отображаться на той же странице в таблице. Кажется, это работает по назначению, но затем, когда я нажимаю на домашнюю страницу, а затем возвращаюсь на страницу формы, список пуст. Я...
Я пытаюсь включить маршрутизацию на стороне клиента, используя react-router во встроенном приложении shopify. Я использовал это руководство a> из Shopify, но я не совсем понимаю, что должно быть в файле ./Routes. Я пробовал искать похожие вопросы в Stack Overflow или в блогах, но информация там не...
Приборная панель загружается, и проблема заключается в том, что мне приходится смахивать и смахивать назад, чтобы обновить высоту. Поэтому я пытаюсь передать его как реквизит и использовать эффект для обновления высоты. Я просто не могу понять, что происходит. import React, { useState, useEffect }...
29 Сен 2022 в 17:20
Здесь я делаю приложение для покупок, и у меня есть рабочая корзина, а ниже мой код для компонента моей корзины, и здесь, в корзине, я хочу условно отобразить кнопку order, для которой у меня есть isFound состояние, и сначала я получаю данные из своего хранилища избыточности, а затем я проверяю ни...
29 Сен 2022 в 14:28
Когда я устанавливаю react-router dom версии 5, появляется ошибка. Я предполагаю, что ошибка вызвана моей версией реакции, что я могу сделать, чтобы исправить это? $ npm install react-router-dom@5.3.0 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found...
29 Сен 2022 в 14:28
Я пытаюсь немного попрактиковаться в маршрутах и ​​маршрутизации, и столкнулся с некоторыми проблемами, которые не смог решить. Моя ошибка, кажется, имеет место в методе рендеринга в App.js. Все довольно прямолинейно. Я пытаюсь создать getDogFunc, который должен помочь мне найти определенный элемен...
У меня есть список таких объектов маршрута: export const routes = [ { path: '/about', element: About, exact: true }, { path: '/posts', element: Posts, exact: true }, { path: '/posts/:id', element: PostDetails, exact: true }, ] У меня есть компонент AppRouter, в котором я хочу передать список ...
Я хочу проверить параметры в моем компоненте и выполнить перенаправление, если они не передают какую-то логику. Две вещи могут пойти не так: React выдает мне предупреждение о рендеринге: Warning: Cannot update a component (`BrowserRouter`) while rendering a different component (`Home`). При обновле...
Здравствуйте, я работаю над реакцией и использую реагирующий маршрутизатор для маршрутов. Проблема, с которой я сталкиваюсь, заключается в том, что мои стили начальной загрузки работают на статических маршрутах без каких-либо проблем. Я использую свои маршруты, подобные этому. <Router> <Header /...