react-router
React-adresy URL routera nie działają podczas odświeżania lub ręcznego pisania
Używam react-routera i działa dobrze, gdy klikam na przyciski linku, ale kiedy odświeżam moją stronę internetową, nie ładuje ... gt;
);
Router.run(routes, Router.HistoryLocation, function (Handler) {
React.render(<Handler/>, document.body);
});
Programowa nawigacja za pomocą routera react
Z react-router mogę użyć elementu Link do tworzenia dowiązań, które są natywnie obsługiwane przez router reactowy.
Widzę, ż ... zwijanej. Jak mogę to zrobić kodem? Co to jest this.context?
Widziałem Navigation mixin, ale czy mogę to zrobić bez mixins?
Routing klienta (przy użyciu routera reactowego) i routingu po stronie serwera
Myślałem i jestem zdezorientowany z routingu między Klientem a serwerem. Załóżmy, że używam ReactJS do renderowania po stroni ... j (/home) do strony postów (/posts)
gdzie przebiega routing, po stronie serwera lub klient?
skąd wie, jak jest przetwarzany?
react-router-przekazuje właściwości do komponentu obsługi
Mam następującą strukturę dla mojej reakcji.aplikacja js korzystająca z routera Reactowego :
var Dashboard = require('./Da ... (normalnie zrobiłbym to jak <Comments myprop="value" />)
Jaki jest najprostszy i właściwy sposób na Router Reactowy?
Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class / function but got: object
Dostaję ten błąd:
Uncaught Error: Invariant Violation: Element type is invalid: expected
ciąg znaków (dla Wbudowanych ... ({
render:function() {
return (
<RaisedButton label="Default" />
);
},
});
module.exports = Home;
Jak przejść do historii w Reactowym routerze v4?
W bieżącej wersji routera Reactowego (v3) mogę zaakceptować odpowiedź serwera i użyć browserHistory.push, aby przejść do odpo ... // no longer in React Router V4
});
}
Jak mogę zrobić przekierowanie na stronę koszyka z funkcja dla React Router v4?
Zagnieżdżone trasy z reactowym routerem v4
Obecnie zmagam się z zagnieżdżaniem tras za pomocą reactowego routera v4.
Najbliższym przykładem była konfiguracja trasy w
... ass App extends Component {
render() {
return <Route component={GlobalErrorSwitch} />
}
}
export default App;
Jak zsynchronizować Redux state i Url hash tag params
Mamy listę wykładów i rozdziałów, w których użytkownik może wybrać i odznaczyć je. Obie listy są przechowywane w sklepie redu ... router jest używany tylko do utrzymywania znacznika skrótu adresu url, a także aktualizuje tylko jeden komponent.
Dzięki!!!
Co to znaczy ...reszta w Reaccie JSX
Patrząc na przykład Reactowego routera Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow widzę, że Pr ... y, i zmień nazwę props na rest, Aby uniknąć problemów z nazwami z propami przekazanymi do trasy render function
Mam rację?
Jak zezwolić webpack-dev-server na zezwalanie na punkty wejścia z routera react
Tworzę aplikację, która używa webpack-dev-server w rozwoju obok react-router.
Wygląda na to, że webpack-dev-server jest zbud ... osób, że współpracują ze sobą? Czy można uruchomić serwer express przed webpack-dev-server w taki sposób, aby na to pozwolić?
Jak uzyskać wartość parametru z ciągu zapytania
Jak mogę określić trasę w moich trasach.plik jsx do przechwytywania wartości parametru __firebase_request_key z adresu URL wy ... <Route path=":redirectParam" component={TwitterSsoButton} />
</Route>
</Route>
</Router>
React-router: jak ręcznie wywołać Link?
Jestem nowy w ReactJS i React-routerze. Mam komponent, który odbiera przez rekwizyty obiekt <Link/>z react-router. Za ... props.next.go}>{this.props.next.label} <img src="rightArrow.png" /> </div>
...
);
}
});
...
Do czego służy withRouter w react-router-dom?
I ' ve sometimes seen people wrap their components in withRouter when they are exporting them:
import { withRouter } from ... ass Foo extends React.Component {
// ...
}
export default withRouter(Foo);
Do czego to służy i kiedy powinienem go użyć?
Jak uzyskać historię na react-router v4?
Mam mały problem z migracją z Reactowego routera v3 do v4.
w v3 udało mi się to zrobić wszędzie:
import { browserHistory } ... a zdarzeń, gdy znajdujesz się w komponencie. ale ja tak nie jest.
Szukam równoważności NavigatingOutsideOfComponents w v4
React Router z opcjonalnym parametrem path
Chcę zadeklarować ścieżkę z opcjonalnym parametrem path, stąd gdy dodam stronę, aby zrobić coś ekstra (np. wypełnić niektóre ... mentacji?
<Route path="/product/:productName/?:urlID?" handler={SomeHandler} />
Moja wersja Reacta-routera to: 1.0.3
Jak zaimplementować uwierzytelnione trasy w React Router 4?
Próbowałem zaimplementować uwierzytelnione trasy, ale okazało się, że React Router 4 uniemożliwia to działanie:
<Route e ... d
}
Poprawne wysłanie akcji w render() wydaje się złe. Nie wydaje się to poprawne z componentDidMount lub innym haczykiem?
Jaki jest najlepszy sposób na przekierowanie strony za pomocą routera React?
Jestem nowy w routerze Reactowym i dowiaduję się, że jest tak wiele sposobów na przekierowanie strony:
Using browserHisto ... actowym routerze v4?
Jestem tak zdezorientowany tymi wszystkimi opcjami, czy jest najlepszy sposób na przekierowanie strony?
Uruchamianie akcji Redux w odpowiedzi na przejścia trasy w routerze React
Używam react-router i redux w mojej najnowszej aplikacji i mam do czynienia z kilkoma problemami związanymi ze zmianami stanu ... kazywać go przez rekwizyty? Próbowałem użyć metody willTransitionTo static, ale nie mam dostępu do tego.rekwizyty.wyślij tam.
Używanie routera Reactowego ze stroną układu lub wieloma komponentami na stronę
Dodaję reactowy router do istniejącego projektu.
Obecnie model jest przekazywany do głównego komponentu, który zawiera komp ... jeden komponent potomny, jaki jest najlepszy sposób na zmianę wielu komponentów potomnych bez powtarzania kodu układu w obu?
Na routerze Reactowym, jak pozostać zalogowanym nawet odświeżyć stronę?
Robię stronę z Reactem i routerem Reactowym z Reduxem. Wiele tras (stron) wymaga zalogowania. Mogę przekierować do logowania ... a będzie korzystać z wielu ludzi, więc chcę zmniejszyć XHR połączeń, jak to możliwe.
Każda rada będzie bardzo mile widziana.