Mam testy jednostkowe dla mojego reducers. Jednak kiedy debuguję w przeglądarce, chcę sprawdzić, czy moje akcje zostały poprawnie wywołane i czy stan został odpowiednio zmodyfikowany. Szukam czegoś takiego: window._redux.store ... w przeglądarce, więc mogę to wpisać na konsoli i sprawdzić,...
Muszę zaimplementować logikę biznesową w zależności od historii przeglądania. To, co chcę zrobić, to coś takiego: reactRouter.onUrlChange(url => { this.history.push(url); }); Czy istnieje sposób na otrzymanie oddzwaniania z routera reaktywnego po zaktualizowaniu adresu URL?...
Po prostu tworzę prostą aplikację do nauki asynchronizacji z Redux. Wszystko działa, teraz chcę po prostu wyświetlić aktualny stan na stronie internetowej. W jaki sposób mogę uzyskać dostęp do stanu sklepu w metodzie renderowania? Oto mój kod (wszystko jest na jednej stronie, bo dopiero się...
Prawdopodobnie brakuje mi czegoś bardzo oczywistego i chciałbym to wyjaśnić. Oto moje zrozumienie. W naiwnym elemencie reagującym mamy states& props. Aktualizacja statez setStateponownym renderowaniem całego komponentu. propssą w większości tylko do odczytu i ich aktualizowanie nie ma...
Zacząłem więc uczyć się Reacta tydzień temu i nieuchronnie dotarłem do problemu stanu i tego, jak komponenty mają komunikować się z resztą aplikacji. Szukałem dookoła i wydaje się, że Redux jest smakiem miesiąca. Przeczytałem całą dokumentację i myślę, że to właściwie całkiem rewolucyjny pomysł....
W Reakcie stan nie jest aktualizowany od razu, więc możemy użyć wywołania zwrotnego w setState(state, callback). Ale jak to zrobić w Redux? Po wywołaniu this.props.dispatch(updateState(key, value))muszę natychmiast coś zrobić ze zaktualizowanym stanem. Czy jest jakiś sposób, żebym mógł wywołać...
Posiadam reduktor i do wyliczenia nowego stanu potrzebuję danych z akcji oraz danych z części stanu nie zarządzanej przez ten reduktor. Konkretnie w reduktorze pokażę poniżej potrzebuję dostępu do accountDetails.stateOfResidenceIdpola. initialState.js: export default { accountDetails: {...
Próbuję uruchomić aplikację Redux, którą właśnie sklonowałem z repozytorium GitHub. Próbowałem go uruchomić za pomocą następującego polecenia npm start Otrzymuję ten błąd > [email protected] start /home/workspace/assignment > webpack-dev-server --config...
Pracuję nad zbadaniem jednej aplikacji front-end o średniej złożoności. W tej chwili jest napisany w czystym javascript, zawiera wiele różnych komunikatów opartych na zdarzeniach, łączących kilka głównych części tej aplikacji. Zdecydowaliśmy, że musimy zaimplementować jakiś kontener stanu dla...
Stan początkowy w aplikacji Redux można ustawić na dwa sposoby: przekaż go jako drugi argument do createStore( link do dokumentu ) przekaż go jako pierwszy argument do swoich (pod-) reduktorów ( link do dokumentów ) Jeśli przekazujesz stan początkowy do swojego sklepu, jak odczytać ten stan...
Mam komponent kontenera React-Redux, który jest tworzony w komponencie React Native Navigator. Chcę mieć możliwość przekazania nawigatora jako rekwizytu do tego komponentu kontenera, tak aby po naciśnięciu przycisku wewnątrz jego komponentu prezentacyjnego mógł umieścić obiekt na stosie...
Mam uwierzytelnianie tokenem z serwera, więc kiedy moja aplikacja Redux jest ładowana początkowo, muszę wysłać żądanie do tego serwera, aby sprawdzić, czy użytkownik jest uwierzytelniony, czy nie, a jeśli tak, powinienem otrzymać token. Zauważyłem, że używanie podstawowych akcji INIT Redux nie...
Używam komponentu Link z routera actjs i nie mogę uruchomić onClickevent. To jest kod: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Czy to jest sposób, aby to zrobić, czy inny sposób?
To jest część oficjalnej dokumentacji Redux : Nazywa się to reduktorem, ponieważ jest to typ funkcji, do której możesz przejść Array.prototype.reduce(reducer, ?initialValue) Nie ma to dla mnie większego sensu. Czy ktoś mógłby mi wyjaśnić, dlaczego tak naprawdę nazywa się je reduktorami?...
create-react-appStworzyłem nową aplikację React przy użyciu cli. Następnie dodałem 'react-redux'bibliotekę za pomocąnpm install --save react-redux . W package.jsonmam: "react-redux": "^4.4.5" Niestety aplikacja się nie kompiluje i narzeka na: Error in
Mam store.jsplik import { createStore, combineReducers } from "redux"; import reducerADD from "../reducer/reducerADD" export const store = createStore(combineReducers({ reducerADD})); Kiedy zmieniam format w store.tsx, pojawia się błąd: No overload matches this call. Overload 1 of 2,...
Przejrzałem definicje dwóch takich jak: Czyste funkcje to takie, które nie próbują zmieniać swoich danych wejściowych i zawsze zwracają ten sam wynik dla tych samych danych wejściowych. Przykład function sum(a, b) { return a + b; } A funkcja zanieczyszczona to taka, która zmienia własne dane...
Chcę zrozumieć, jaki jest bardziej ogólny lub poprawny sposób obsługi błędów w React-Redux. Załóżmy, że mam komponent do rejestracji numeru telefonu. Ten składnik zgłasza błąd, jeśli wprowadzony numer telefonu jest nieprawidłowy Jaki byłby najlepszy sposób na poradzenie sobie z tym błędem?...
Staram się useEffectdogłębnie zrozumieć hak. Chciałbym wiedzieć, kiedy użyć której metody i dlaczego? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter...
Próbuję skonfigurować moją nową aplikację React-Redux, aby korzystać z nowych funkcji React-Redux. Oficjalna dokumentacja mówi React Redux oferuje teraz zestaw interfejsów API przechwytujących jako alternatywę dla istniejącego komponentu wyższego rzędu connect (). Próbowałem znaleźć kilka...