Pytania otagowane jako redux

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

3
Jakie jest zastosowanie argumentu ownProps w mapStateToProps i mapDispatchToProps?
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 jest opcjonalny [ownprops]argument? Szukam dodatkowego przykładu, aby wyjaśnić sprawę, ponieważ taki istnieje już w dokumentacji Redux
1
Czy mogę mapDispatchToProps bez mapStateToProps w Redux?
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ś takiego: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo = ({addingTodo}) …
9
Kiedy bindActionCreators zostanie użyta w React / Redux?
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 przykład, gdzie bindActionCreatorsbyłby używany / potrzebny? Który rodzaj komponentu nie byłby świadomy Redux …
3
Jaka jest różnica między redux-thunk i redux-promise?
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, ponieważ Action rzuca wyjątek wysyłania tylko zwykłych obiektów. Jakie są główne …
9
TypeError [ERR_INVALID_ARG_TYPE]: Argument „ścieżka” musi być typu ciąg. Otrzymano niezdefiniowany typ podniesiony podczas uruchamiania aplikacji reagowania
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 doświadczył, byłbym wdzięczny.
3
Jak mogę zachować drzewo stanu Redux podczas odświeżania?
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 tylko na jednej stronie, rozumiem. A co, jeśli aplikacja …
92 reactjs  redux  flux 
2
Typescript + React / Redux: Właściwość „XXX” nie istnieje w typie „IntrinsicAttributes & IntrinsicClassAttributes”
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 extends React.Component<any,any> { .. render() { const { propToPass } = …
3
Reagować z Redux? A co z kwestią „kontekstu”?
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 …
6
Ponownie wyrenderuj komponent React po zmianie właściwości
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 asynchronicznie, po początkowym renderowaniu komponentu kontenera. Oznacza to, że komponent kontenera nie wie, że musi …
4
React-Redux: Czy wszystkie stany składników mają być przechowywane w sklepie Redux
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 : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reduktor.js switch(){ case 'CHANGE_COLOR': return {color: true} ale to …
1
Oczekiwanie to błąd słowa zastrzeżonego w funkcji asynchronicznej
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) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; Ciągle otrzymuję błąd …
4
W jaki sposób połączony komponent Redux wie, kiedy wykonać ponowne renderowanie?
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 sensu. W komponencie reagującym, który subskrybuje sklep Redux, za pośrednictwem czegoś podobnego store.subscribe(render), …
6
Jak wyłączyć callback po zaktualizowaniu stanu w Redux?
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ć oddzwonienie z najnowszym stanem, takim jak to, co robię w React?
8
Jak uzyskać dostęp do stanu wewnątrz reduktora Redux?
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: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] …
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.