Вопросы по теме 'reach-router'

дотянуться до кнопки возврата маршрутизатора
У меня есть приложение для реагирования без маршрутизации, но мне нужно какое-то изменение URL-адреса для моего SPA. У меня есть домашняя страница, которая долго загружается, и один из элементов на домашней странице имеет событие щелчка для...
2335 просмотров
schedule 27.10.2022

Маршрутизация не работает в упакованном приложении Electron с использованием ReactJS и досягаемости маршрутизатора
Мне удалось завершить успешную упаковку приложения React с помощью электроники. Он работает нормально и загружает домашнюю страницу, но когда я пытаюсь выполнить маршрутизацию, он просто не работает. Я использую маршрутизатор доступа для своего...
1507 просмотров
schedule 21.06.2023

Как установить компонент по умолчанию только на клиентской странице Gatsby.js
Я пытаюсь создать страницу подтверждения регистрации в моем проекте Gatsby. Я начал со статера, который создал здесь https://github.com/DWboutin/gatsby-react-intl-starter . В gatsby-node.js я установил опору pageMatch, чтобы моя страница...
374 просмотров
schedule 19.11.2022

Как использовать реактивную позу с @reach / router в React Typescript?
В моем приложении React я пытаюсь преобразовать образец JS _1 _-_ 2_ в TypeScript, но это не работает. Вот соответствующие набивки в react-pose : import { ComponentType, HTMLProps } from 'react'; import { PoseElementProps } from...
479 просмотров

Как предоставить контекстные данные для определенных маршрутов
Я использую хуки реагирования с контекстным API для обмена данными между несколькими компонентами и использую маршрутизатор для маршрутизации. Мой код выглядит примерно так: function App() { return ( <div className="App">...
340 просмотров

Несколько имен путей для одного и того же компонента в Reach Router
Я использую один и тот же компонент для трех разных маршрутов: <Router> <Home path="/" /> <Home path="/home" /> </Router> Есть ли способ совместить это, чтобы быть похожим на: <Router> <Home...
2365 просмотров

Reach Router, визуализация вложенного компонента маршрута
Я использую маршрутизатор Reach в приложении React (с машинописным текстом). используя вложенные маршруты, я застрял в том, как визуализировать вложенный компонент как отдельный (в отдельном представлении) компонент, а не как дочерний элемент в...
1415 просмотров

Назначьте стиль и реквизит каждому вложенному дочернему элементу
Я хочу выборочно передать некоторые реквизиты каждому дочернему элементу и стилизовать каждый из них. const Burger = ({children, ...rest}) => ( <> <p>I'm a burger...</p> {children} </> ) const Meat = ({type})...
476 просмотров
schedule 21.12.2022

Как передать состояние линку из рич-роутера
ОБНОВЛЕННЫЙ КОД НЕ РАБОТАЕТ Не удалось найти здесь ответ, который помог бы мне решить мою проблему. В моем компоненте Playlist у меня есть изображение, которое указывает на новый путь для треков. Я хочу передать дорожке идентификатор списка...
835 просмотров
schedule 30.07.2022

Бесконечный цикл в Reach Router
Я немного новичок в React, и я впервые использую рич-маршрутизатор (или любой другой маршрутизатор). То, что я пытаюсь сделать, это иметь вложенный компонент внутри одной из моих ссылок на маршрутизатор. По сути, в моем компоненте ItemShop я хочу...
128 просмотров
schedule 04.03.2023

При использовании Reach Router с вложенными маршрутами не удается проанализировать параметры
С маршрутизатором Reach (не маршрутизатором React!) У меня есть 2 вложенных маршрута: /g/123 /g/123/about Где 123 — это параметр :groupId : import React from "react"; import { Router } from "@reach/router"; import...
443 просмотров
schedule 14.08.2022

Как в Gatsby перенаправить аутентифицированных пользователей с домашней страницы / в / app без вспышки контента?
Я пытаюсь реализовать общий пользовательский интерфейс для веб-приложений, в котором аутентифицированные пользователи автоматически перенаправляются с домашней страницы в приложение. Например, при вводе https://example.com/ в браузере, если я не...
97 просмотров
schedule 19.11.2023

Как заставить досягаемость маршрутизатора (в Gatsby) перезагружать страницу при повторном переходе на текущий активный маршрут?
У меня ситуация примерно такая: <Link to="products" state={{ category: "all" }}>All Products</Link> <Link to="products" state={{ category: "lawnmowers" }}>Lawnmowers</Link> <Link...
294 просмотров
schedule 10.06.2022

Обрыв доступа к маршрутизатору с префиксами пути Gatsby
У меня есть сайт Gatsby, обслуживаемый в http://server/test (т.е. не в корне сервера), который работает в gatsby develop . Но gatsby build , а затем обслужить сайт, терпит неудачу. В инструкциях Гэтсби говорится, что нужно изменить...
570 просмотров
schedule 06.05.2023

Анимация выхода Framer Motion не запускается с маршрутизатором Reach Router
Я создал базовое приложение Gatsby, которое использует клиентские маршруты с маршрутизатором Reach Router. Я обновил свой gatsby-browser.js, чтобы отразить следующее: export const wrapPageElement = ({ element }) => { <AnimatePresence...
135 просмотров
schedule 24.08.2023

Как правильно использовать ReactJS Reach Router с TypeScript и ESLint?
Я пытаюсь реализовать клиентские маршруты с помощью Reach Router в проекте с использованием TypeScript и ESLint. Это моя первоначальная реализация: // src/pages/app/[...].tsx import { Router, Redirect, useLocation } from '@reach/router'; import *...
42 просмотров