React Router - полная библиотека маршрутизации для React, основанная на системе маршрутизации Ember
App.jsx
<Route path="/cart/:id?" element={<CartScreen />} />
Могу ли я использовать это в React-router-v6, чтобы параметр id не всегда был необходим? если он существует, он попадает в компонент "CartScreen" если он не существует, он также попадает в «CartScreen»....
25 Сен 2023 в 23:18
В проекте, над которым я работаю, когда я пытаюсь перейти с помощью панели поиска со страницы категории или страницы категорий на страницу продукта, компонент продукта отображается успешно, но когда я перехожу со страницы продукта на другую страницу продукта, URL-адрес меняется. как и ожидалось, но...
25 Сен 2023 в 18:03
Я новичок в React и React Router, поэтому в настоящее время я работаю над Руководством по React Router< /a> для v6 и перешли к Обновление контактов с помощью формы Раздел «Данные», в результате чего часть страницы с подробными сведениями (правая часть) не обновляется, а при нажатии на имена в лево...
25 Сен 2023 в 17:44
Я использовал маршруты для обновления реквизитов в том же компоненте, но при нажатии на кнопки изменяются только ссылки в URL-адресе, но на веб-странице маршрутизация не происходит, после перезагрузки все работает нормально.
App.js:
import './App.css';
import React, { Component } from 'react'
import...
25 Сен 2023 в 15:51
У меня есть приложение, в котором мне нужно отображать разные страницы для разных маршрутов, например "/articles/*".
function App() {
return (
<Routes>
<Route path="/articles/:article/:tab" element={<ArticlePage />} />
</Routes>
)
}
Затем внутри ArticlePage я использую параметры :...
25 Сен 2023 в 11:43
Ниже приведен код реакции-маршрутизатора-dom v5 для целей маршрутизации, но я не вижу никаких результатов в окне браузера.
class Header extends Component {
render() {
return(
<nav>
<div className='header'>
<div>
...
24 Сен 2023 в 11:28
Я использую React-Router-Dom для маршрутизации своего приложения. У меня есть маршрут для /hooks, но когда я пытаюсь перейти к этому маршруту, всегда отображается компонент PageNotFound. Я пробовал следующее:
Я проверил консоль на наличие сообщений об ошибках, но их нет. Я попытался получить досту...
24 Сен 2023 в 09:45
Я решаю, отображать ли страницу Foo или страницу Bar по маршруту, но сама страница Foo имеет два подмаршрута для отображения компонентов на основе пути URL, например FooOne или FooTwo. Таким образом, у меня фактически есть два слоя маршрутов: Маршруты > Маршрут > Маршруты > Маршрут.
function FooTw...
24 Сен 2023 в 09:04
Мне нужно отображать соответствующие продукты при нажатии на конкретную категорию. При открытии страницы продукта изображение продукта не отображается. В противном случае в других элементах отображаются теги абзацев и т. д. Вот мой код.
Страница MenuCategory, на которой отображаются мои категории ...
23 Сен 2023 в 13:24
Мое приложение React не будет отображать ни одну из дочерних страниц (включая страницу NotFound) при выполнении обновления. При использовании кнопок в приложении все страницы отображаются правильно. Это происходит только в среде хостинга. Я пробовал традиционный хостинг и развертывание своего прил...
22 Сен 2023 в 18:06
Я пытаюсь реализовать реагирующий маршрутизатор в своем приложении. Я увидел, что теперь в маршрутизации возможна загрузка данных, поэтому мне пришлось использовать createBrowserRouter. Кажется, я не до конца понимаю, как это делается правильно.
До сих пор у меня был файл index.tsx:
import React f...
22 Сен 2023 в 14:06
Я использую загрузчик из React-Router-dom для получения данных, которые будут использоваться в компоненте. У меня также есть еще одна функция внутри компонента, которая обновляет некоторую информацию, первоначально полученную функцией загрузчика. Есть ли способ вызвать функцию загрузчика после виз...
22 Сен 2023 в 04:47
PropertyDetails.jsx
import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
import axios from 'axios';
import '../styles/propertydetails.css';
import Navbar from '../components/Navbar';
import Footer from '../components/Footer';
function PropertyDetails() {...
21 Сен 2023 в 12:45
Я использую React Router v6 для своего нового веб-приложения. Я использую Outlet с вложенными маршрутами для замены компонента <main>, и это работает хорошо. Теперь у меня также есть боковая левая панель слева от основного компонента. На этой боковой панели есть верхняя часть кнопок, которую я та...
20 Сен 2023 в 20:40
Прежде всего ссылка на мой проект на github: https://github.com/ARN1380/BookingHotel
Я использую реактивный маршрутизатор dom v6, в моем проекте есть BookmarkList, и мне нужно добавлять или удалять из него закладки. Проблема в том, что когда я добавляю закладку из другого компонента, мне нужно перей...
20 Сен 2023 в 11:47
Я хотел бы проверить, установлена ли моя cms (с помощью вызова API на моем бэкэнде).
Я могу получить значение, я вижу значение «ОК» в консоли, но меня не перенаправляют на /login, как ожидалось.
Я подозреваю, что const content = useRoutes(routes(isInstalled, isLogged)); не обновляется, состояние...
20 Сен 2023 в 09:28
Проблема, с которой я столкнулся, связана с React Router, где компонент NavBar не отображается должным образом в моем приложении. Я пытаюсь создать согласованный макет, включающий NavBar на всех страницах, с помощью React Router. Компонент NavBar не отображается должным образом, в то время как друг...
19 Сен 2023 в 14:46
Можно ли повторно запускать функцию загрузчика корневого маршрута каждый раз, когда сопоставляется подмаршрут, а не только при первом сопоставлении корневого маршрута?
Я пытаюсь обработать некоторую логику перенаправления в загрузчике моего корневого маршрута, но, хотя она работает в первый раз при ...
19 Сен 2023 в 13:51
У меня настроен контекст браузера следующим образом:
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<BrowserRouter>
<ErrorBoundary FallbackComponent={CustomError}>
<App />
</ErrorBoundary>
</BrowserRouter>
</React.StrictMode>,
)
И ко...
18 Сен 2023 в 19:42
В моем машинописном приложении React я использую React Router для навигации по приложению. Рабочий процесс выглядит следующим образом:
Пользователь вводит поисковый запрос в текстовое поле и нажимает «Поиск». Пользователь перенаправляется на /search-result?searchterm=abcde и видит результаты, соотв...
18 Сен 2023 в 17:57
У меня есть компонент категории.js, который будет вызываться в App.js. В категории.js есть useEffect, как показано ниже.
useEffect(() => {
const fetchCategories = async () => {
console.log('fetchCategories');
try {
const response = await apiClient.get('/category/grou...
18 Сен 2023 в 11:12
Я пытался найти его, но не смог. Я проверил множество результатов, но эффект был разочаровывающим.
Итак, у меня есть такая структура приложения:
<BrowserRouter>
<Menu/>
<Routes>
<Route path="/business/:id" element={<SomePage />} />
</Routes>
</BrowserRouter>
В компоненте SomePage я могу ...
16 Сен 2023 в 20:09
Я работал над изучением React-Router (6.16.0), создавая простую навигацию Breadcrumbs с использованием isMatches(), как они рекомендуют в своей документации здесь: https://reactrouter.com/en/main/hooks/use-matches.
Используя их документацию, я настроил приведенные ниже компоненты createBrowserRouter...
15 Сен 2023 в 22:41
Я хочу создать полностью адаптивный сайт и обернуть его Cordova, чтобы создать мобильное приложение.
Но Кордова поддерживает только хэш-маршрутизатор.
Могу ли я заставить свою мобильную сборку использовать Hash Router вместо обычного, используя только одну кодовую базу? Или какой будет хорошая стра...
15 Сен 2023 в 19:03
1
Реагирование: избегайте перенаправления к мастеру первого шага при нажатии кнопки «Назад» в мастере.
Я постараюсь объяснить это как можно понятнее.
У меня есть компонент мастера, который работает следующим образом:
Я открываю мастер и получаю все шаги Затем я перенаправляюсь на первый шаг, используя React Route.
<WizardContext.Provider value={providerValue}>
<CollectionContext.Provider value={col...
15 Сен 2023 в 06:56