Pytania otagowane jako redux

Redux to przewidywalny kontener stanu dla aplikacji JavaScript oparty na wzorcu projektowym Flux.

6
Jak dynamicznie ładować reduktory do dzielenia kodu w aplikacji Redux?
Idę migrować do Redux. Moja aplikacja składa się z wielu części (stron, komponentów), dlatego chcę stworzyć wiele reduktorów. Przykłady Redux pokazują, że powinienem użyć combineReducers()do wygenerowania jednego reduktora. Rozumiem również, że aplikacja Redux powinna mieć jeden sklep i jest tworzona po uruchomieniu aplikacji. Kiedy tworzony jest sklep, powinienem przekazać mój …
7
Prześledź, dlaczego komponent React jest ponownie renderowany
Czy istnieje systematyczne podejście do debugowania tego, co powoduje ponowne renderowanie komponentu w Reakcie? Umieściłem prostą console.log (), aby zobaczyć, ile razy renderuje, ale mam problem ze zrozumieniem, co powoduje, że komponent renderuje się wiele razy, tj. (4 razy) w moim przypadku. Czy istnieje narzędzie, które pokazuje oś czasu i …
156 reactjs  redux 
17
React - Wyświetla ekran ładowania podczas renderowania DOM?
To jest przykład ze strony aplikacji Google Adsense. Ekran ładowania wyświetlany przed wyświetleniem strony głównej po. Nie wiem, jak zrobić to samo z Reactem, ponieważ jeśli wykonam ekran ładowania renderowany przez komponent React, nie wyświetla się on podczas ładowania strony, ponieważ musi czekać na renderowanie DOM wcześniej. Zaktualizowano : Zrobiłem …
15
Niezmiennie usuwa właściwość z obiektu
Używam Redux. W moim reduktorze próbuję usunąć właściwość z obiektu takiego: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } I chcę mieć coś takiego bez konieczności modyfikowania pierwotnego stanu: const newState = { a: '1', b: '2', c: { x: '42', }, …
9
Niezmienione naruszenie: nie można znaleźć „sklepu” ani w kontekście, ani w rekwizytach „Connect (SportsDatabase)”
Pełny kod tutaj: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Cześć, Mam aplikację, w której pokazuje różne szablony dla komputerów stacjonarnych i mobilnych w oparciu o środowisko kompilacji. Z powodzeniem mogę go opracować tam, gdzie muszę ukryć menu nawigacyjne dla mojego szablonu mobilnego. w tej chwili jestem w stanie napisać jeden przypadek testowy, w którym pobiera …
142 reactjs  mocha  redux 
4
Jak dodać element do tablicy w reduktorze React Native Redux?
Jak dodać elementy w mojej tablicy arr[]stanu Redux w reduktorze? Robię to- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }
7
Dlaczego warto używać Redux-Observable zamiast Redux-Saga?
Użyłem Redux-Saga . Kod napisany za jego pomocą jest jak dotąd łatwy do uzasadnienia, poza tym, że funkcja generatora JS od czasu do czasu psuje mi głowę. Z mojego zrozumienia, Redux-Observable może osiągnąć podobną pracę, która obsługuje efekty uboczne, ale bez używania funkcji generatora. Jednak dokumenty z Redux-Observable nie zawierają …
8
Metoda cyklu życia ReactJS wewnątrz komponentu funkcji
Zamiast pisać moje komponenty wewnątrz klasy, chciałbym zamiast tego użyć składni funkcji. Jak mogę nadpisać componentDidMount, componentWillMountwewnątrz elementów funkcyjnych? Czy to w ogóle możliwe? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content …
135 reactjs  redux 
9
Dołącz nagłówek Authorization dla wszystkich żądań Axios
Mam aplikację react / redux, która pobiera token z serwera API. Po uwierzytelnieniu użytkownika chciałbym, aby wszystkie żądania axios miały ten token jako nagłówek autoryzacji bez konieczności ręcznego dołączania go do każdego żądania w akcji. Jestem dość nowy, jeśli chodzi o reakcję / redukcję i nie jestem pewien najlepszego podejścia …
131 reactjs  redux  axios 
4
React + Redux - Jaki jest najlepszy sposób obsługi CRUD w komponencie formularza?
Mam jeden formularz, który służy do tworzenia, odczytywania, aktualizowania i usuwania. Stworzyłem 3 komponenty o tej samej formie, ale przekazuję im różne rekwizyty. Mam CreateForm.js, ViewForm.js (tylko do odczytu za pomocą przycisku usuwania) i UpdateForm.js. Kiedyś pracowałem z PHP, więc zawsze robiłem to w jednej formie. Do zarządzania sklepem używam …
11
„wysyłka” nie jest funkcją, gdy argument do mapToDispatchToProps () w Redux
Jestem początkującym użytkownikiem języka javascript / redux / react, budującym małą aplikację za pomocą Redux, React-Redux i React. Z jakiegoś powodu, gdy używam funkcji mapDispatchToProps w tandemie z connect (wiązanie react-redux), otrzymuję TypeError wskazujący, że wysyłanie nie jest funkcją, gdy próbuję wykonać wynikową właściwość. Kiedy jednak wywołuję dispatch jako prop …
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.