Публикации по теме '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 просмотров
schedule
18.03.2024
React Router отображает один компонент для всех маршрутов (заголовок)
У вас есть вопрос относительно реактивного маршрутизатора.
У меня есть элемент заголовка, который я хотел бы отображать для всех маршрутов. И, конечно же, я хочу, чтобы это было частью, чтобы пользователь мог щелкать элементы из навигации.
В...
5022 просмотров
schedule
12.11.2023
Как добавить дополнительные экспресс-маршруты в рендеринг на стороне сервера для использования в качестве бэкэнда
Найдите внизу Edits .
Я действительно изучил множество руководств и даже документацию по рендерингу на стороне сервера для обучения реакции, расположенную здесь: https://reacttraining.com/react-router/web/guides/server-rendering
Что-то, что...
607 просмотров
schedule
06.11.2022
Проект react-router-dom прерывается из-за publicPath при связывании с webpack
Я работаю над проектом с React-router-dom.
в моем веб-пакете я установил:
output: {
filename: 'app.js',
path: path.join(__dirname, 'dist'),
publicPath: '/'
},
devServer: {
historyApiFallback: true
}...
Мне нужно,...
1177 просмотров
schedule
13.05.2024
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 просмотров
schedule
05.04.2024
На странице перезагрузка реквизита в нулевом значении при использовании реагирующего маршрутизатора
У меня есть основной компонент под названием Body , который выглядит так
class Body extends React.Component {
state = {};
_redirect = data => {
this.setState(
{
user: data
},
() =>...
3620 просмотров
schedule
03.03.2024
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 просмотров
schedule
12.01.2024
Определение маршрутов в отдельном компоненте — React
Я новичок в реагировании и учусь в данный момент. У меня возникла проблема с реактивным маршрутизатором.
У меня есть маршруты, определенные в моем app.js, как показано ниже.
import React, { Component } from "react";
import { Route,...
186 просмотров
schedule
13.04.2024
Почему мое приложение 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 просмотров
schedule
03.12.2022
Как добавить необработанный html-файл в общую папку в приложении create-реагировать
У меня есть приложение для реагирования, созданное с использованием приложения create-react-app. Я публично включил статическую html-страницу.
Я хочу использовать этот html в том же приложении, используя iframe.
iframe с covid.html не...
927 просмотров
schedule
14.09.2022
Не удалось получить строку запроса: путь заполнен, но поиск пуст
Я использую React Router + Redux + Redux Saga. Я получаю доступ к объекту местоположения, переданному в качестве реквизита моему компоненту, где я пытаюсь получить часть строки запроса URL-адреса.
Однако параметр поиска местоположения всегда пуст....
465 просмотров
schedule
05.04.2024
Перенаправление на предыдущую страницу в ReactJS
У меня проблема с перенаправлением на предыдущую страницу, так как я делаю проверку isLoggedIn . Проблема сейчас в том, что после проверки isLoggedIn он перенаправляется на маршрут по умолчанию. Как мне поддерживать страницу, на которой я...
2995 просмотров
schedule
30.10.2023
Каким будет рекомендуемый способ реализации суб-навигации во всплывающем окне страницы в проекте Next.js?
Я работаю над проектом Next.js. На некоторых страницах мне нужно отображать всплывающее окно чата, которое само по себе состоит из нескольких подстраниц: страницы регистрации пользователя, страницы разговора, ..., поэтому мне нужно иметь возможность...
38 просмотров
schedule
30.12.2023
как повторно визуализировать компонент при нажатии ссылки
У меня есть маршрут с простой панелью навигации и содержимым под ней.
<Link> из react-router-dom ничего не делает при нажатии на URL той же страницы.
<Route path="/samePage" component={Component} />
import React from...
330 просмотров
schedule
05.12.2022