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}...
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...
Mam: Jak pozbyć się niebieskiego podkreślenia? Kod poniżej: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Składnik MenuItem pochodzi z http://www.material-ui.com/#/components/menu Wszelkie spostrzeżenia lub...
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...
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...
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ą...
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">...
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...
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ć
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ć?
Używam routera React i React dla mojej aplikacji po stronie klienta. Nie mogę dowiedzieć się, jak uzyskać następujące parametry zapytania z adresu URL, takiego jak: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Moje trasy wyglądają tak (ścieżka jest całkowicie błędna,...
Próbuję uzyskać responsywny router (v4.0.0) i reagujący-hot-loader (3.0.0-beta.6), aby grać ładnie, ale otrzymuję następujący błąd w konsoli przeglądarki: Ostrzeżenie: React.createElement: type jest nieprawidłowy - oczekiwano ciągu znaków (dla komponentów wbudowanych) lub klasy / funkcji (dla...
Jestem nowy w React Router i dowiedziałem się, że istnieje wiele sposobów przekierowania strony: Za pomocą browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Za pomocą this.context.router.push("/path") class Foo...
Przenoszę moją aplikację React z serwera webpack-dev-server na nginx. Kiedy przechodzę do głównego adresu URL „localhost: 8080 / login”, po prostu otrzymuję 404 iw moim dzienniku nginx widzę, że próbuje uzyskać: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login"...
Myślałem i jestem zdezorientowany z routingiem między klientem a serwerem. Załóżmy, że używam ReactJS do renderowania po stronie serwera przed wysłaniem żądania z powrotem do przeglądarki internetowej i używam React-router jako routingu po stronie klienta do przełączania się między stronami bez...
Mam mały problem z migracją z React-Router v3 do v4. w wersji 3 mogłem to zrobić wszędzie: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Jak mogę to osiągnąć w v4. Wiem, że mógłbym użyć withRouterrekwizytów hoc , kontekstu reakcji lub routera zdarzeń, gdy...
Czy jest jakiś sposób, aby zapobiec /#/wyświetlaniu się w pasku adresu przeglądarki podczas korzystania z React-router? Tak jest z ReactJS. tzn. kliknięcie linków, aby przejść do nowej trasy pokazuje localhost:3000/#/lub localhost:3000/#/about. W zależności od
Nie rozumiem, jaki jest cel używania IndexRoute i IndexLink . Wygląda na to, że w każdym przypadku poniższy kod wybrałby najpierw komponent Home, chyba że została aktywowana ścieżka About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about"...
Pracuję nad aplikacją React przy użyciu routera React-router. Mam stronę projektu, która ma następujący adres URL: myapplication.com/project/unique-project-id Po załadowaniu komponentu projektu wyzwalam żądanie danych dla tego projektu ze zdarzenia componentDidMount. Mam teraz problem, w...
Mam: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"