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...
Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby skupiało się tylko na jednym problemie, edytując ten post . Zamknięte 3 lata temu . Popraw to pytanie...
Mam problem polegający na tym, że ponowne renderowanie stanu powoduje problemy z interfejsem użytkownika i zasugerowano, aby zaktualizować tylko określoną wartość w moim reduktorze, aby zmniejszyć ilość ponownego renderowania na stronie. to jest przykład mojego stanu { name: "some name",...
Mam prosty komponent React, który podłączam (mapowanie prostej tablicy / stanu). Aby uniknąć odwoływania się do kontekstu sklepu, chciałbym uzyskać sposób na uzyskanie „wysyłki” bezpośrednio z rekwizytów. Widziałem innych stosujących to podejście, ale z jakiegoś powodu nie mam do niego dostępu...
Mam komponent, który stworzyłem: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
Mam jeden reduktor dla Klientów, drugi dla AppToolbar i kilka innych ... Teraz powiedzmy, że utworzyłem akcję pobierania, aby usunąć klienta, a jeśli to się nie powiedzie, mam kod w reduktorze klientów, który powinien coś zrobić, ale chcę również wyświetlić jakiś globalny błąd w AppToolbar. Ale...
Zdaję sobie sprawę, że to podstawowe pytanie, ale nie udało mi się znaleźć odpowiedzi gdzie indziej. Czy jest store.dispatchsynchroniczne czy asynchroniczne Redux? W przypadku, gdy jest to asynchroniczne, czy istnieje możliwość dodania wywołania zwrotnego po propagowaniu akcji, tak jak jest to...
Próbuję utworzyć metodę głębokiej mapy dla mojego projektu Redux, która będzie działać z obiektami, a nie z tablicami. Czytałem, że w Redux każdy stan nie powinien nic zmieniać w poprzednich stanach. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function...
W rozdziale dotyczącym projektowania kształtu stanu , dokumenty sugerują, aby zachować stan w obiekcie z kluczem identyfikacyjnym: Zachowaj każdą jednostkę w obiekcie przechowywanym z identyfikatorem jako kluczem i używaj identyfikatorów do odwoływania się do niej z innych jednostek lub...
Widzę, że funkcja mapStateToPropsand, mapDispatchToPropsktóra jest przekazywana do connectfunkcji w Redux, przyjmuje ownPropsjako drugi argument. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): Jaki...
Rozbijam przykład todo Reduxa, aby spróbować go zrozumieć. Czytałem, że mapDispatchToPropspozwala ci mapować akcje wysyłkowe jako rekwizyty, więc pomyślałem o przepisaniu, addTodo.jsaby użyć mapDispatchToProps zamiast wywoływania dispatch (addTodo ()). Nazwałem to addingTodo(). Coś...
O ile wiem i poprawiam mnie, jeśli się mylę, redux-thunk to oprogramowanie pośredniczące, które pomaga nam wywoływać funkcję asynchroniczną i debugować wartości w samej akcji, podczas gdy gdy użyłem redux-obietnica, nie mogłem tworzyć funkcji asynchronicznych bez implementacji własnej mechanizm,...
Dokumentacja Redux dla bindActionCreators stwierdza, że: Jedynym przypadkiem użycia bindActionCreatorsjest sytuacja, gdy chcesz przekazać niektórych twórców akcji do komponentu, który nie jest świadomy istnienia Redux, i nie chcesz przekazywać do niego wysyłki ani sklepu Redux. Jaki byłby...
Pracuję nad projektem w React i napotkałem problem, który mnie zaskoczył. Ilekroć uruchamiam, yarn startpojawia się ten błąd: TypeError [ERR_INVALID_ARG_TYPE]: Argument „ścieżka” musi być typu ciąg. Odebrano typ niezdefiniowany Nie mam pojęcia, dlaczego tak się dzieje, jeśli ktoś tego...
Pierwszą zasadą dokumentacji Redux jest: Stan całej aplikacji jest przechowywany w drzewie obiektów w jednym magazynie. Pomyślałem, że dobrze rozumiem wszystkie zasady. Ale teraz nie wiem, co oznacza aplikacja. Jeśli aplikacja to tylko jedna z mało skomplikowanych części witryny i działa...
Pracuję nad projektem z Typescript, React i Redux (wszystkie działające w Electron) i napotykam problem, gdy włączam jeden komponent oparty na klasie do drugiego i próbuję przekazać parametry między nimi. Mówiąc luźniej, mam następującą strukturę komponentu kontenera: class ContainerComponent...
Próbuję oddzielić składnik prezentacji od składnika kontenera. Mam SitesTablei SitesTableContainer. Kontener jest odpowiedzialny za wyzwalanie działań redukujących w celu pobrania odpowiednich witryn na podstawie bieżącego użytkownika. Problem polega na tym, że bieżący użytkownik jest pobierany...
Zwykle wysyłam na Stack rzeczy związane z kodem, ale jest to raczej pytanie o ogólne myśli społeczności. Wydaje się, że wiele osób opowiada się za używaniem Reduxa z Reactem do zarządzania danymi / stanem, ale czytając i ucząc się obu, natknąłem się na coś, co nie wygląda dobrze. Redux Na...
Próbuję rozwiązać problem z następującą składnią: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) {...
Powiedz, że mam prosty przełącznik: Kiedy klikam przycisk, składnik Kolor zmienia się z czerwonego na niebieski Mogę osiągnąć ten wynik, robiąc coś takiego. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue :