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


Три основные зависимости для реакции js 1) axios axios используется для вызова API, т.е. GET, POST, PUT и т. д. 2)…
Три основных зависимости для реакции js 1) axios axios используется для вызова API, т.е. GET, POST, PUT и т. д. 2) react-router-dom react-router-dom используется для маршрутизации страниц, т. е. перехода с одной страницы на другую. 3)react-redux react-redux используется для эффективного управления состоянием, т.е. делает данные глобальными, чтобы любой компонент мог вызывать данные при необходимости.

Интеграция React-маршрутизации
Интеграция React-маршрутизации Практический пример использования React Router. Всем привет. Это моя первая профессиональная статья на этой платформе для блогов․ На самом деле написание этой статьи для меня большая радость, ведь этим я могу помочь людям услышать их мнение, а почему бы и не исправить их, если есть ошибки. Все начинается с ошибок. Эту статью я посвящаю 6-й версии пакета react-router-dom . В своих первых работах я этому не научился. Но в настоящее время я узнал..

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

Как разобрать строку запроса в react-router v4
В react-router v3 я мог получить к нему доступ с помощью props.location.query.foo (если текущее местоположение было ?foo=bar ) В [email protected] props.location есть только props.location.search со строкой типа...
94256 просмотров
schedule 21.01.2024

React альтернатива transitionTo response-router-dom 4.1.1 transition in function
Я играл с response-router-dom alpha, и transitionTo было доступным методом для изменения маршрута. Кажется, это удалено из 4.1.1, просто любопытно, какой метод для этого будет лучше всего. Я пытаюсь захватить то, что введено во входные данные, и...
3160 просмотров
schedule 30.01.2024

В чем разница между типами маршрутизаторов React Router v4?
Я пытался изучить некоторые основы React на YouTube и в официальных документах, и я столкнулся с несколькими разными маршрутизаторами только в двух видео. К сожалению, инструктор вообще ничего не объяснил, и я запутался еще больше, чем раньше....
12988 просмотров

React Router отображает один компонент для всех маршрутов (заголовок)
У вас есть вопрос относительно реактивного маршрутизатора. У меня есть элемент заголовка, который я хотел бы отображать для всех маршрутов. И, конечно же, я хочу, чтобы это было частью, чтобы пользователь мог щелкать элементы из навигации. В...
5022 просмотров
schedule 12.11.2023

Как добавить дополнительные экспресс-маршруты в рендеринг на стороне сервера для использования в качестве бэкэнда
Найдите внизу Edits . Я действительно изучил множество руководств и даже документацию по рендерингу на стороне сервера для обучения реакции, расположенную здесь: https://reacttraining.com/react-router/web/guides/server-rendering Что-то, что...
607 просмотров

Проект react-router-dom прерывается из-за publicPath при связывании с webpack
Я работаю над проектом с React-router-dom. в моем веб-пакете я установил: output: { filename: 'app.js', path: path.join(__dirname, 'dist'), publicPath: '/' }, devServer: { historyApiFallback: true }... Мне нужно,...
1177 просмотров

React Router: маршрут с вложенными параметрами не поражен
В моем приложении для реагирования я настроил такие маршруты class App extends Component { render() { return ( <div className="app"> <Header /> <Route exact path="/" component={PostList} />...
1531 просмотров
schedule 19.12.2023

Как использовать маршруты в двух разных компонентах — ReactJS
Я создаю приложение, используя ReactJS. Я использую реагирующий маршрутизатор v4 от react-router-dom . Я написал маршруты в файле index.js. <BrowserRouter> <Switch> <Route exact path="/" component={Login} />...
671 просмотров

На странице перезагрузка реквизита в нулевом значении при использовании реагирующего маршрутизатора
У меня есть основной компонент под названием Body , который выглядит так class Body extends React.Component { state = {}; _redirect = data => { this.setState( { user: data }, () =>...
3620 просмотров

React+Laravel: Nivo Slider не работает должным образом с навигацией на основе React Router
Я создаю приложение, используя React и Laravel. Я застрял с частью навигации. Я загружаю файл main.js (содержащий код nivo-slider) в файл index.blade.php. <body class="home home-4"> <!-- React App Container --> <div...
275 просмотров

Определение маршрутов в отдельном компоненте — React
Я новичок в реагировании и учусь в данный момент. У меня возникла проблема с реактивным маршрутизатором. У меня есть маршруты, определенные в моем app.js, как показано ниже. import React, { Component } from "react"; import { Route,...
186 просмотров

Почему мое приложение React добавляет внешний URL-адрес к http://localhost:/‹port›, а не ТОЛЬКО к самому URL-адресу?
В моем приложении ReactJS (create-react-app) у меня есть тег привязки со старым добрым атрибутом href, указывающим на внешний URL-адрес, www.google.com, и когда я нажимаю на этот элемент DOM, приложение добавляет целевой URL-адрес к...
1804 просмотров
schedule 03.12.2023

Реагировать на маршрутизатор, когда переданный параметр не работает
<Route path='/confirmAccount/:link' component={ConfirmationPage} /> эта строка кода выдает ошибку в консоли браузера ---> "Uncaught SyntaxError: Unexpected token ‹ bundle.js:1" <Route path='/confirmAccount'...
55 просмотров
schedule 14.03.2024

Перенаправление на html-страницу, если маршрут не указан
Я хочу иметь перенаправление для каждой ссылки, которая не указана в конфигурации моего приложения для реагирования. Небольшая разница с другим учебником заключается в том, что я хочу перенаправить на html-страницу, которая присутствует в моей общей...
32 просмотров
schedule 30.05.2024

Как обновить компонент, который отображается на маршруте «response-router-dom»?
Когда мое приложение запускает componentDidMount (), я получаю данные async componentDidMount() { try { let players = await playersDAO.read(); this.setState({ players: players }); } catch (e) { console.log(e); } } Затем...
883 просмотров

Как добавить необработанный html-файл в общую папку в приложении create-реагировать
У меня есть приложение для реагирования, созданное с использованием приложения create-react-app. Я публично включил статическую html-страницу. Я хочу использовать этот html в том же приложении, используя iframe. iframe с covid.html не...
927 просмотров

Не удалось получить строку запроса: путь заполнен, но поиск пуст
Я использую React Router + Redux + Redux Saga. Я получаю доступ к объекту местоположения, переданному в качестве реквизита моему компоненту, где я пытаюсь получить часть строки запроса URL-адреса. Однако параметр поиска местоположения всегда пуст....
465 просмотров
schedule 05.04.2024

Перенаправление на предыдущую страницу в ReactJS
У меня проблема с перенаправлением на предыдущую страницу, так как я делаю проверку isLoggedIn . Проблема сейчас в том, что после проверки isLoggedIn он перенаправляется на маршрут по умолчанию. Как мне поддерживать страницу, на которой я...
2995 просмотров

Каким будет рекомендуемый способ реализации суб-навигации во всплывающем окне страницы в проекте Next.js?
Я работаю над проектом Next.js. На некоторых страницах мне нужно отображать всплывающее окно чата, которое само по себе состоит из нескольких подстраниц: страницы регистрации пользователя, страницы разговора, ..., поэтому мне нужно иметь возможность...
38 просмотров

как повторно визуализировать компонент при нажатии ссылки
У меня есть маршрут с простой панелью навигации и содержимым под ней. <Link> из react-router-dom ничего не делает при нажатии на URL той же страницы. <Route path="/samePage" component={Component} /> import React from...
330 просмотров