Pytania otagowane jako react-router

React Router - Kompletna biblioteka routingu dla React inspirowana systemem routingu Ember

11
Jak używać przekierowania w nowym React-router-dom w Reactjs
Używam ostatniej wersji modułu React-router, o nazwie React-router-dom, który stał się domyślnym narzędziem podczas tworzenia aplikacji internetowych w React. Chcę wiedzieć, jak wykonać przekierowanie po żądaniu POST. Robiłem ten kod, ale po prośbie nic się nie dzieje. Przeglądam w sieci, ale wszystkie dane dotyczą poprzednich wersji routera reagującego, a nie …
7
React-router: Jak ręcznie wywołać Link?
Jestem nowy w ReactJS i React-Router. Mam komponent, który odbiera przez props <Link/>obiekt z routera reagującego . Za każdym razem, gdy użytkownik kliknie przycisk „Dalej” w tym komponencie, chcę <Link/>ręcznie wywołać obiekt. W tej chwili używam referencji, aby uzyskać dostęp do instancji zapasowej i ręcznie klikam <Link/>generowany tag „a” . …
30
Otrzymanie „Nie można wywołać klasy jako funkcji” w moim projekcie React
Próbuję dodać komponent mapy React do mojego projektu, ale pojawia się błąd. Używam posta na blogu Fullstack React jako odniesienia. Wyśledziłem, gdzie pojawia się błąd w linii google_map.js 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } Oto …
4
React-router vs React-router-dom, kiedy używać jednego czy drugiego?
Oba mają trasę, łącze itp. Kiedy używać jednego lub drugiego? Jestem naprawdę zdezorientowany, gdzie użyć każdego z nich. Po stronie serwera? Strona klienta? https://reacttraining.com/react-router/ W niektórych przykładach trzeba przekazać historię, w innych nie. Co robić? <Router history={browserHistory}> vs <Router> To naprawdę mylące, kiedy użyć jednego lub drugiego, jakakolwiek pomoc jest …
14
Jak zaimplementować uwierzytelnione trasy w React Router 4?
Próbowałem zaimplementować uwierzytelnione trasy, ale okazało się, że React Router 4 teraz uniemożliwia to działanie: <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> Błąd: Ostrzeżenie: nie należy używać <Route component>i <Route children>na tej samej trasie; <Route …
21
react-router wróć do strony Jak konfigurujesz historię?
Czy ktoś może mi powiedzieć, jak mogę wrócić do poprzedniej strony zamiast określonej trasy? Używając tego kodu: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Pobierz ten błąd, goBack () został zignorowany, ponieważ nie …
7
Wykrywanie opuszczania strony przez użytkownika za pomocą routera reaktywnego
Chcę, aby moja aplikacja ReactJS powiadamiała użytkownika o opuszczeniu określonej strony. W szczególności wyskakująca wiadomość przypominająca mu o wykonaniu czynności: „Zmiany zostały zapisane, ale nie zostały jeszcze opublikowane. Zrobić to teraz?” Czy powinienem wywołać to react-routerglobalnie, czy jest to coś, co można zrobić z poziomu strony / komponentu reagowania? Nie …
9
Jak zezwolić serwerowi webpack-dev-server, aby zezwolił na punkty wejścia z routera reaktywnego
Tworzę aplikację, która korzysta z webpack-dev-server w fazie rozwoju wraz z responsywnym routerem. Wygląda na to, że webpack-dev-server jest zbudowany w oparciu o założenie, że będziesz mieć publiczny punkt wejścia w jednym miejscu (np. "/"), Podczas gdy react-router pozwala na nieograniczoną liczbę punktów wejścia. Chcę korzystać z zalet serwera webpack-dev-server, …
8
Jak programowo aktualizować parametry zapytania w routerze reagującym?
Nie mogę znaleźć sposobu, aby zaktualizować parametry zapytania za pomocą routera reagującego bez użycia <Link/>. hashHistory.push(url)nie wydaje się rejestrować parametrów zapytania i nie wydaje się, że można przekazać obiekt zapytania lub cokolwiek jako drugi argument. Jak zmienić adres URL z /shop/Clothes/dressesna /shop/Clothes/dresses?color=bluew routerze reagującym bez użycia <Link>? Czy onChangefunkcja jest …
3
HtmlWebpackPlugin wstrzykuje pliki ścieżek względnych, które są przerywane podczas ładowania ścieżek innych niż root witryny
Używam pakietu webpack i HtmlWebpackPlugin do wstrzyknięcia pakietów js i css do pliku szablonu html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), I tworzy następujący plik html. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Działa to dobrze podczas …
7
Wiele nazw ścieżek dla tego samego komponentu w React Router
Używam tego samego komponentu dla trzech różnych tras: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Czy w ogóle da się to połączyć, aby wyglądało jak: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
13
Łącze zewnętrzne React-Router
Ponieważ używam routera React do obsługi tras w aplikacji Reaguj, jestem ciekaw, czy istnieje sposób na przekierowanie do zasobu zewnętrznego. Powiedz, że ktoś uderza: example.com/privacy-policy Chciałbym przekierować do: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Znajduję dokładnie zero pomocy w unikaniu pisania tego w zwykłym JS na moim index.html ładującym się za pomocą czegoś takiego: if …
4
Do czego służy withRouter w React-router-dom?
Mam czasami postrzegane ludzie owinąć ich komponentów w withRouterprzypadku ich wywozu są: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Do czego to służy i kiedy powinienem go używać?
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.