Публикации по теме 'react-router'
Как использовать React Router
Базовая настройка для React Router
React Router - это способ для нашего внешнего приложения иметь функциональные возможности навигации, которые отлично подходят для одностраничных приложений, поскольку он позволяет компоненту отображаться без обновления страницы. Никакого волшебства здесь нет. Под капотом React Router использует API истории, который используется для управления страницами, которые посетил пользователь, с помощью таких функций, как windows.history.back () и..
Обрабатывайте строки запросов как профессионал с помощью React Router и пользовательских хуков
useSearchParams
вступление
Во-первых, возможно, вы уже знаете, но давайте заложим основы.
Что такое строка запроса ?
Это часть URL-адреса, которая присваивает значения указанным параметрам, и хотя универсального стандарта не существует, большинство реализаций следуют следующим правилам:
Он состоит из ряда пар поле-значение. В каждой паре имя поля и значение разделяются знаком равенства = . Амперсанд разделяет серию пар, & . Несколько значений могут быть связаны с..
Навигация в React Router
Перенаправить определенные URL-адреса с помощью навигации
Навигация в React Чтобы выполнить перенаправление страницы, мы можем использовать хук useNavigate() .
index.js
импортировать { createRoot } из «react-dom/client»; импортировать { BrowserRouter } из «react-router-dom»;
импортировать «./index.css»; импортировать приложение из «./App»;
const rootElement = document.getElementById("root"); const root = createRoot(rootElement);
root.render( ‹BrowserRouter› ‹App /›..
Как развернуть приложение React Router на Heroku
ОБНОВЛЕНИЕ: create-response-app-buildpack теперь имеет встроенную маршрутизацию по умолчанию !
Если вы не хотите дополнительной настройки, пакет сборки автоматически будет использовать конфигурацию, указанную ниже (то есть вам не нужно ничего делать)!
Этот (устаревший) пост сохраняется ниже для потомков.
Просто добавьте static.json файл!
$ cd MY-APP
$ echo '{
"root": "build/",
"routes": {
"/**": "index.html"
}
}' >..
React-Router Полное руководство.
В этой серии руководств вы узнаете о React Router v4, стабильной версии, которая в настоящее время используется в большинстве проектов React.
Оглавление
Введение Что такое реактивный маршрутизатор? Как установить реактивный маршрутизатор? Маршрутизация Добавьте 404 страницы Что такое страница 404? Что такое переключатель URL-параметры Вложенные маршруты Программная навигация
Введение
Что такое реактивный маршрутизатор?
Маршрутизатор React — это библиотека маршрутизации,..
Реализация частных маршрутов с помощью React Router и Hooks
Недавно мне пришлось настроить как частные некоторые маршруты приложения React (доступные только для аутентифицированных пользователей). В этом посте описывается базовая реализация приложения, которая охватывает:
Маршрутизация осуществляется с помощью React Router . Частные маршруты доступны только для аутентифицированных пользователей. Данные авторизации доступны из любого компонента с помощью React Context .
Начальная настройка
Мы создаем простое приложение React с общим..
Создание универсального приложения React
Я видел, как некоторые люди изо всех сил пытались создать универсальное (ранее изоморфное) приложение React. Либо из-за сложности, которая может быть связана с процессом, либо из-за более страшных стартовых наборов, шаблонов и тому подобного.
Не борись больше! Я здесь, чтобы помочь вам начать!
Прежде чем мы начнем
Прежде чем перейти к сочным вещам, позвольте мне сказать вам, что, хотя важно знать, как вещи на самом деле творят волшебство, есть несколько удивительных инструментов,..
