Публикации по теме 'react-router'
Что нового в React Router v6
Классная функция React router v6 React router 6 включает первоклассную поддержку приостановки, множество новых функций и множество улучшений. Давайте посмотрим на эти… groupstudy.dev
Перенаправления в React Router DOM
Краткое и простое руководство по реализации перенаправления в вашем приложении React
Я только что завершил свой проект мода 4 на семинаре по программированию Flatiron (почти готов!), И мне потребовалось включить как минимум два маршрута в мое одностраничное приложение. React Router хорош тем, что позволяет программно перемещаться в одностраничном приложении. В моем случае один из моих маршрутов будет доступен только в том случае, если пользователь вошел в систему, поэтому, если..
Настройка маршрутизатора React - Self Notes Series
В последней серии мне удалось настроить среду разработки с возможностью горячей перезагрузки. Теперь я могу продолжить разработку своего приложения со всеми предоставленными инструментами. Одно из главных, с чего мне нужно начать, - это макет приложения и его навигационный аспект.
При разработке одностраничного приложения React необходимо отображать определенный компонент на одной и той же странице, а также обновлять определенную его часть, когда это необходимо. React также..
RESTful-маршрутизация в React
Еще когда мы изучали Rails, мы следовали соглашению REST ( Re Presentation S tate T ransfer) о сопоставлении запросов URL с соответствующими представлениями ERB. . Сделать это было просто, поскольку каждая веб-страница имела собственный соответствующий URL-путь. Все стало непросто, когда мы научились писать JavaScript для создания одностраничных веб-приложений, потому что страница index.html включала все сценарии JavaScript, которые браузер считывал как один большой файл JavaScript...
Использование таблицы с фиксированными данными с настраиваемой разбивкой на страницы и React-Redux
Я работал над проектом, который включал таблицы и настраиваемую разбивку на страницы. Итак, для таблиц я сравнивал фиксированную таблицу facebook и griddle , но почему-то испытал соблазн использовать таблицу фиксированных данных после прочтения обзоров и понимания их функций.
Итак, приступим. Сначала вам нужно установить fixed-data-table. Давайте воспользуемся npm и быстро установим его.
npm install fixed-data-table
import 'fixed-data-table/dist/fixed-data-table.min.css'
Итак,..
Вопросы по теме 'react-router'
браузерная загрузка ReactJS дважды с помощью реактивного маршрутизатора
Я использую browserify для объединения ReactJS и (среди прочего) react-router . Но когда я смотрю в консоль, сообщение...
Download the React DevTools for a better development experience: http://fb.me/react-devtools
... появляется дважды (!)...
1884 просмотров
schedule
10.01.2023
Вложенные маршруты в реактивном маршрутизаторе
Я настраиваю несколько вложенных маршрутов в React-Router (v0.11.6 - это то, с чем я работаю), но всякий раз, когда я пытаюсь получить доступ к одному из вложенных маршрутов, он запускает родительский маршрут.
Мои маршруты выглядят так:...
26973 просмотров
schedule
24.09.2022
react.js — React-маршрутизатор, работающий с фиксированными верхними и нижними колонтитулами
У меня есть приложение React.js с реактивным маршрутизатором, и у меня есть сомнения относительно обработки моих текущих маршрутов.
Дизайн выглядит следующим образом, обычная мобильная верстка, фиксированный хедер и футер, контент посередине:...
11708 просмотров
schedule
30.08.2023
Сбой динамических сегментов реактивного маршрутизатора при доступе
У меня есть конфигурация маршрута, которая выглядит следующим образом (показаны только те части, которые, по моему мнению, могут иметь отношение к делу):
var React = require('react');
var Router = require('react-router');
var { Route,...
7679 просмотров
schedule
12.03.2022
ReactRouter — реквизит из обработчиков в заголовок
Я пробую React Router. Упрощенный пример, объясняющий мой вопрос (внизу поста):
Вид1
var View1 = React.createClass({
statics: {
headerAction: function() {
this.handleSomething();
}
},
handleSomething: function() {...
528 просмотров
schedule
12.11.2022
Как переписать URL-адреса для реакции-маршрутизатора
Я использую react-router в своем приложении reactjs, и мне не нравится префикс /#/, который он дает. Я легко удалил это, настроив его на использование истории HTML 5, но теперь при перезагрузке он отправляет запросы на сервер для определенного...
89 просмотров
schedule
05.09.2022
Как передать и this.state, и this.props на маршруты с помощью react-router
Я не могу понять, как получить доступ к методу из родительского компонента ReactJS в моем post маршруте и компоненте. Использование react-router .
Это в <RouteHandler {...this.state} />
Метод/функция pushToPostList() добавляет...
6196 просмотров
schedule
23.06.2023
Реагировать с помощью React-router: отображать все сверху, а затем показывать/скрывать в зависимости от маршрута?
Смущено: одностраничное приложение: изначально отображается страница 1, есть кнопка для переключения на страницу два.
Должен ли основной рендер в приложении быть:
return {
<div>
<page1/>
<page2/>
</div>
}...
368 просмотров
schedule
26.05.2023
React Router, где использовать AJAX
Я работаю над проектом, используя React Router , и у меня возникают проблемы с потоком данных.
На каждой странице есть вызов AJAX, который получает данные для компонента. Я помещал их в componentDidMount :
// Below code is written in ES6...
6014 просмотров
schedule
29.09.2023
response-router вернуться на страницу как настроить историю?
Кто-нибудь может сказать мне, как я могу вернуться на предыдущую страницу, а не на конкретный маршрут?
При использовании этого кода:
var BackButton = React.createClass({
mixins: [Router.Navigation],
render: function() {
return (...
398415 просмотров
schedule
31.05.2024
Получение этой ошибки при использовании маршрутизатора React TypeError: type.toUpperCase не является функцией
Я разрабатываю изоморфное приложение, используя react и express.js. Я использую React Router для маршрутизации на стороне клиента. При запуске приложения я получаю следующие ошибки и предупреждения в консоли
Предупреждение : ошибка propType:...
3877 просмотров
schedule
07.07.2022
React-JS: Uncaught TypeError: невозможно прочитать свойство «маршрутизатор» неопределенного
index.js - страницы/главная
import React, { Component } from 'react';
import ApogeeLogo from '../../components/ApogeeLogo';
import {Router, RouteHandler} from 'react-router';
import { Tabs, Tab, FlatButton } from 'material-ui';
export default...
3667 просмотров
schedule
29.02.2024
ReactJs - можно ли установить URL-адрес или строку запроса на основе состояния дерева компонентов
У меня есть компонент, который имеет несколько вложенных компонентов, в частности вкладки, таблетки и т. Д. Не все из них видны одновременно.
Я хочу иметь возможность устанавливать их состояние / свойства по умолчанию на основе параметров URL (или...
2899 просмотров
schedule
23.04.2024
React-Router: какова цель IndexRoute?
Я не понимаю, в чем цель использования IndexRoute и IndexLink . Кажется, что в любом случае приведенный ниже код сначала выбрал бы компонент «Главная», если не был активирован путь «О программе».
<Route path="/" component={App}>...
71619 просмотров
schedule
26.10.2022
ReactJS: «тип не определен» при загрузке компонента
Я впервые разрабатываю веб-сайт, используя ReactJS и React Router. По какой-то причине этот компонент (и его родственный компонент PageFooter, который просто имеет другой HTML) выдает следующую ошибку:
Предупреждение: React.createElement: тип...
1489 просмотров
schedule
20.12.2022
рендеринг на стороне сервера и рендеринг на стороне клиента ReactJs
Я использую response-router для обработки как рендеринга на стороне сервера, так и рендеринга на стороне клиента в React. Но в качестве точки входа в мое приложение также есть следующий код:
Router.run(routes, Router.HistoryLocation,...
178 просмотров
schedule
06.02.2023
Koa с маршрутизатором на стороне клиента
Текущая ситуация:
интерфейс: React и React-Router
бэкэнд: Коа
app.use(mount('/graphql', graphqlHTTP({ schema: schema })));
app.use(mount('/api', api));
app.use(serve(__dirname + '../../public')); //serves static index.html
Когда я...
1040 просмотров
schedule
17.06.2022
Как установить дочерний маршрут по умолчанию с помощью реактивного маршрутизатора?
Я использую React-Router 1.0.0-rc3, но мне трудно понять, как установить маршрут по умолчанию для дочернего маршрута.
У меня есть настройка rootRoute следующим образом:
var rootRoute = {
component: 'div',
childRoutes: [{
path:...
5802 просмотров
schedule
26.01.2023
Вопросы/проблемы React-маршрутизатора
Я решил использовать React-Router для управления маршрутизацией моего приложения Meteor JS, которое использует REACT JS.
Я заставил React-Router работать «каким-то образом», но у него есть некоторые негативные побочные эффекты, которые я хотел бы...
508 просмотров
schedule
11.01.2023
React/Flux: сохранение важных параметров при изменении маршрута
Инструменты: React 0.14.0, React-Router 1.0.0, Vanilla Flux.
Из-за обработки событий "кнопка возврата" я пытаюсь использовать маршрутизацию, чтобы сохранить важные идентификаторы для рендеринга (например, currentThreadID ).
e.g. -...
116 просмотров
schedule
15.12.2022
