Публикации по теме 'react-router-dom'


Маршрутизация на стороне клиента — React
За последнее десятилетие число новых технологических инноваций резко возросло. Это упростило доступ к информации и развлечениям через Интернет. Существование в Интернете стало почти необходимым для компаний и большинства из нас как частных лиц. Все это принесло популярность одностраничным приложениям там, где она есть сегодня. Поэтому эта статья будет о чем-то очень распространенном в одностраничных приложениях, об изменении URL-пути, но особенно для приложений, созданных с помощью React...

Сброс навигации в react-router-dom
Если вы знакомы с ReactJS, то, должно быть, слышали о библиотеке маршрутизации, которую они с любовью называют «response-router-dom». Это потрясающая библиотека, которую очень легко установить и внедрить в ваше приложение - с незначительной неудачей, которая иногда остается незамеченной, если вы создаете только одностраничное приложение - для чего я имею в виду, что ваше приложение представляет собой буквально одну страницу - без прокрутки. Если у вас есть много контента на вашем..

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

обновление истории местоположения маршрутизатора путем отправки действия redux (с помощью response-router-dom)
У меня есть роутер, который выглядит примерно так <Router> <Switch> <Route path="abc.do" render={() => <SetupAppInitialLoad pageKey="abc" />} /> <Route path="xyz.do" render={() =>...
740 просмотров
schedule 20.02.2022

React Router 4.1.1 не отображается, когда я нажимаю «Ссылка»
Я просто пытаюсь щелкнуть компонент и отреагировать на повторную визуализацию того, что необходимо для визуализации. Но я просто не могу это заархивировать. Это то, что у меня есть до сих пор: Index.js (здесь я пытался хранить все свои маршруты)...
1114 просмотров

Компонент React не отображается на согласованном маршруте (response-router-dom)
Привет всем, я не знаю, что происходит. У меня есть следующие маршруты: <BrowserRouter> <div> <Switch> <Route path="/patient/:id/" component={PatientWrapper} /> <Route...
3823 просмотров
schedule 20.05.2023

Не удается импортировать дом маршрутизатора React в проект Gulp
Это мой первый опыт использования глотка. Я пытаюсь импортировать react-route-dom в свой index.jsx . Но когда я пытаюсь импортировать его, я сталкиваюсь с таким сообщением об ошибке: 'response-router-dom' импортируется...
462 просмотров
schedule 22.01.2023

Перенаправить на 404, если нет строки запроса, реагировать-маршрутизатор
Я новичок в использовании реактивного маршрутизатора, а также реагирую сам. У меня есть маршрут, который ссылается на «/items», и он зависит от строки запроса ex. 'items?item_id=156' и отображает информацию о предмете. Я заставляю это работать...
1101 просмотров
schedule 18.10.2022

Реагировать на многостраничную маршрутизацию
Я создаю многостраничное приложение, используя React . У меня есть три компонента. Header будет отображаться на всех страницах, а Page1 и Page2 должны отображаться под заголовком как разные страницы. Header выглядит так: class Header...
836 просмотров
schedule 27.05.2024

Как изменить состояние компонента, когда пользователь нажимает кнопку «Назад» на react-router-dom?
Я создаю небольшую панель инструментов для компании. У меня есть маршрутизатор во всем приложении, и в пути / я показываю 5 <Link /> для перемещения по разным страницам внутри одной панели. Чего я хотел добиться, так это того, что мне...
722 просмотров

Не удается перейти к URL-адресу react-router-dom
На SO есть несколько тем, таких как эта , в которой рекомендуется изменить Webpack и этот , который рекомендует настроить все. Я использую react-router-dom для трех маршрутов; аналогичная история с остальными вопросами здесь, путь /...
2326 просмотров

TypeError: невозможно прочитать историю свойства undefined
Я пытаюсь перенаправить пользователя на страницу входа в систему при попадании в маршрут / logout. Auth работает (токен jwt удален, но приложение не может перенаправить на / login. Также, если я сделаю это /, приложение тоже вылетит. На маршруте...
19514 просмотров

React JS: программно используйте React-Router для отправки реквизита
То, что пытается выяснить этот вопрос, просто: "Могу ли я программно отправлять реквизит из одной сцены в другую, и если да, то как?" Ниже я предоставил пример кода в надежде, что у кого-то будут знания, чтобы прояснить это раз и навсегда....
364 просмотров

Вложенные маршруты в React неправильно отображаются с помощью react-router v4
У меня есть основной переключатель корневого компонента, подобный этому <Provider store={createStoreWithMiddleware(reducers)}> <HashRouter history={history} > <Switch> <Route exact path="/login"...
373 просмотров

MenuItem containerElement Ссылки не работают после обновления до v1 material-ui
Старые пункты меню не работают с react-router-dom <MenuItem containerElement={<Link to="/module" />} >Module</MenuItem> Это перестало работать.... Как я могу обновить эти новые элементы управления...
278 просмотров
schedule 27.02.2024

Как настроить tomcat 7 для работы с react-router-dom в реакции?
У меня есть проект в реакции, он хорошо работает в версии для разработки, но когда я его экспортирую (bundle.js) и переношу на кот, он не распознает маршруты react-router-dom. Нужно ли мне что-то настраивать в tomcat? Я нашел несколько примеров,...
1644 просмотров
schedule 06.09.2023

Визуализация одного и того же компонента с некоторыми изменениями свойств состояния при изменении определенного маршрута
Как я могу внести изменения в некоторое свойство состояния компонента на основе маршрута. Итак, на данный момент у меня есть компонент, в котором я определил свойство состояния showNotebook= true . super(props); this.state = {...
42 просмотров

Перенаправление с помощью React-router-dom и react-table.
Я пытаюсь сделать перенаправление внутри функции onclick в React-table. Когда вы смотрите на onRowClick, он регистрирует имя заголовка, который отлично работает. Но когда я пытаюсь использовать перенаправление после клика, ничего не происходит. Код...
1224 просмотров
schedule 02.09.2023

Вложенные маршруты в REACT ROUTER DOM, обертывание компонентов в Router
У меня есть 2 компонента, я хочу, чтобы один компонент был общим для некоторых маршрутов, а другой — для остальных маршрутов. В обоих компонентах я использую {props.children} в обоих компонентах для вложенных маршрутов. МОЙ код: <Router...
2274 просмотров

Маркеры React google maps исчезают после повторного рендеринга компонента
У меня проблемы с модулем react-google-maps, а именно с маркерами и повторным рендерингом компонентов. Это сценарий: Загрузить страницу с картой и 2-3 маркерами на ней (ок) Щелкните вкладку на панели навигации -> страница отображает что-то...
1719 просмотров

Маршрутизатор ReactJs дублирует себя, когда оборачивает его в компонент
Я новичок в реакции, я использую React 4, Redux и пакет response-router-dom для своего маршрутизатора. У меня есть файл App.js, который соединяет Main с mapStateToProps и mapDispatchToProps //App.js const App = connect(mapStateToProps,...
1014 просмотров

Navlink от react-router-dom Home всегда активен
Навигация работает, домашняя ссылка всегда активна, остальные ссылки в порядке. Добавление как компонент, без реквизита. HTML <Menu/> CSS .active{ background-color:#ff6a00; } JS import React, { Component } from...
4419 просмотров
schedule 06.07.2022

Маршруты не работают с React router v4
Я обновился до react-router v4, React v16, react-router-redux v5.0.0-alpha.9. Пройдя через обучающие материалы в Интернете, я наконец закончил настройку своих маршрутов, хранилища Redux и истории, как показано ниже, но маршруты не работают. Если я...
579 просмотров