Запитання з тегом «react-router-v4»

У поточній версії React Router (v3) я можу прийняти відповідь сервера та використовувати його browserHistory.push для переходу на відповідну сторінку відповідей. Однак це не доступно в v4, і я не впевнений, що є правильним способом впоратися з цим. У цьому прикладі, використовуючи Redux, компоненти / app-product-form.js викликає, this.props.addProduct(props)коли користувач подає …

360 reactjs  react-router  react-router-v4 

Я щойно замінив react-routerз v3 на v4. Але я не впевнений, як програмно орієнтуватися у функції члена a Component. тобто у handleClick()функції, до якої я хочу перейти /path/some/whereпісля обробки деяких даних. Раніше я це робив: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Але я не можу знайти такі інтерфейси у …

336 reactjs  ecmascript-6  react-router-v4 

Я хочу оголосити шлях із необов'язковим параметром шляху, отже, коли я додаю його на сторінку, щоб зробити щось додаткове (наприклад, заповнити деякі дані): http: // localhost / app / path / to / page <= візуалізація сторінки http: // localhost / app / path / to / page / pathParam …

306 javascript  reactjs  react-router  react-router-v4 

В даний час я борюся з гніздовими маршрутами, використовуючи реакційний маршрутизатор v4. Найближчим прикладом була конфігурація маршруту в Документації React-Router v4 . Я хочу розділити свою програму на 2 різні частини. Зовнішній вигляд та адміністратор. Я думав про щось подібне: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} …

261 javascript  reactjs  nested  react-router  react-router-v4 

Я хотів би, щоб відобразити titleв <AppBar />тому , що яким - то чином передається з поточного маршруту. Як реалізувати маршрутизатор React v4, як би <AppBar />вдалося передати поточний маршрут в його titleпроп? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' …

180 reactjs  react-router  react-router-v4 

У мене є пара кнопок, яка виконує роль маршрутів. Кожного разу, коли маршрут змінюється, я хочу переконатися, що кнопка, яка є активною, змінюється. Чи є спосіб прослухати зміни маршруту в реакторі маршрутизатора v4?

138 react-router-v4 

Я намагався реалізувати автентифіковані маршрути, але виявив, що React Router 4 зараз заважає цьому працювати: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Помилка: Попередження: не слід використовувати <Route component>і <Route children>в тому ж маршруті; <Route …

122 javascript  reactjs  react-router  react-router-v4 

Окрім можливості встановити "activeClassName" та "activeStyle" на NavLink, чи є якась причина використовувати NavLink over Link під час створення посилань на інші маршрути на не-навігаційних елементах (тобто. Не основна навігація у верхньому або нижньому колонтитулі) на вашому сайті які не потребують активного стану / класу?

94 reactjs  react-router  react-router-v4 

У своєму проекті я використовую response-router-dom 4.0.0-beta.6. У мене є такий код: <Route exact path="/home" component={HomePage}/> І я хочу отримати параметри запиту в HomePageкомпоненті. Я знайшов location.searchparam, який виглядає так:, ?key=valueтому він не розібраний. Який правильний спосіб отримати параметри запитів за допомогою реакційного маршрутизатора v4?

87 react-router  react-router-v4  react-router-dom 

Мені доводиться впроваджувати певну бізнес-логіку залежно від історії перегляду. Я хочу зробити щось подібне: reactRouter.onUrlChange(url => { this.history.push(url); }); Чи є спосіб отримати зворотний дзвінок від реакційного маршрутизатора, коли URL-адреса оновлюється?

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

Намагаючись зрозуміти, як я можу повернутися на попередню сторінку. я використовую[react-router-v4][1] Це код, який я налаштував на своїй першій цільовій сторінці: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Для пересилання на наступні сторінки я просто роблю: this.props.history.push('/Page2'); Однак …

84 javascript  reactjs  react-router-v4