«react-router» etiketlenmiş sorular

React Router'ın bağlantıyı yeni sekmede açmasını sağlamanın bir yolu var mı ? Bunu denedim ve işe yaramadı. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> onClick="foo"Bağlantıya yukarıda sahip olduğum gibi bir şey ekleyerek kabartmak mümkündür , ancak bir konsol hatası olacaktır. Teşekkürler.

90 reactjs  react-router 

Projemde react-router-dom 4.0.0-beta.6 kullanıyorum. Aşağıdaki gibi bir kodum var: <Route exact path="/home" component={HomePage}/> Ve HomePagebileşende sorgu parametreleri almak istiyorum . Ben location.searchşuna benzeyen bir param buldum : ?key=valueyani ayrıştırılmamış. React-router v4 ile sorgu parametreleri almanın doğru yolu nedir?

89 react-router  react-router-v4  react-router-dom 

React-router ve react-bootstrap kullanarak bazı şekillendirme sorunları yaşıyorum. aşağıda kodun bir parçası import { Route, RouteHandler, Link } from 'react-router'; import AuthService from '../services/AuthService' import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap'; <Nav pullRight> <NavItem eventKey={1}> <Link to="home">Home</Link> </NavItem> <NavItem eventKey={2}> <Link to="book">Book Inv</Link> </NavItem> <NavDropdown eventKey={3} …

86 react-router  react-bootstrap 

React sitemde Google Analytics'i kurmaya çalışıyorum ve birkaç paketle karşılaştım, ancak hiçbiri örnekler açısından sahip olduğum türden bir kuruluma sahip değil. Birinin buna biraz ışık tutmasını umuyordum. Baktığım paket react-ga . Benim render metodum index.jsbuna benziyor. React.render(( <Router history={createBrowserHistory()}> <Route path="/" component={App}> <IndexRoute component={Home} onLeave={closeHeader}/> <Route path="/about" component={About} onLeave={closeHeader}/> <Route …

86 google-analytics  reactjs  react-router 

Reactjs yönlendiricisinden Link bileşenini kullanıyorum ve onClickevent'in çalışmasını sağlayamıyorum. Kod bu: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Bunu yapmanın yolu mu yoksa başka bir yol mu?

84 reactjs  react-router  react-redux 

Birkaç hafta önce çıkan React Router'ın yeni kullanım geçmişini kullanıyorum. React-router versiyonum 5.1.2. Tepkim 16.10.1 sürümündedir. Kodumu altta bulabilirsiniz. Yine de tepki yönlendiriciden yeni useHistory'i içe aktardığımda şu hatayı alıyorum: Uncaught TypeError: Cannot read property 'history' of undefined React-router'daki bu hattın neden olduğu function useHistory() { if (process.env.NODE_ENV !== "production") …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

Ben daktilo ile tepki yönlendirici v5.1.2 UseHistory kanca kullanıyorum? Birim testi çalıştırırken sorunum var. TypeError: undefined öğesinin 'history' özelliği okunamıyor. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My questions container', () …

17 reactjs  typescript  react-router  jestjs  enzyme 

Ben yeniyim Next.js ve başlangıç sayfasından (yönlendirme nasıl merak ediyorum / ) için / merhaba-nextjs örneğin. Kullanıcı bir sayfa yüklediğinde ve bundan sonra path === / / hello-nextjs adresine yönlendirilip yönlendirilmeyeceğini belirleyin In tepki-yönlendirici biz böyle bir şey yapmak: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> // or …

15 html  reactjs  routing  react-router  next.js 

URL parametresi (id) kapmak ve daha fazla bileşeni doldurmak için kullanmak gerekir bir tepki-yönlendirici-dom yol dayalı bir ayrıntılar görünümü yüklemeye çalışıyorum. Rotayı benziyor /task/:idve bileşenim URL'den şu şekilde kapılmaya çalışana kadar bileşenim iyi yükleniyor: import React from "react"; import { useParams } from "react-router-dom"; class TaskDetail extends React.Component { componentDidMount() …

14 reactjs  react-router 

React tek sayfalık bir uygulama oluşturuyorum ve kaydırma geri yüklemesinin Chrome'da (ve belki de diğer tarayıcılarda) beklendiği gibi çalışmadığını fark ettim. Reat-router-dom github repo'da, tarayıcıların tek sayfa uygulamaları için kaydırmayı yerel olarak işlemeye başladığını ve davranışı history.scrollRestorationayarlanmışsa geleneksel bir SPA dışı web sayfasınınkine benzer olacağını belirten bir sayfası vardır . …

11 javascript  reactjs  google-chrome  react-router