Pytania otagowane jako redux

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

2
Axios get in url działa, ale z drugim parametrem jako obiektem nie działa
Próbuję wysłać żądanie GET jako drugi parametr, ale nie działa, gdy działa jako adres URL. To działa, $ _GET ['naam'] zwraca test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; …
6
Aplikacje React / Redux i wielojęzyczne (internacjonalizacja) - architektura
Tworzę aplikację, która będzie musiała być dostępna w wielu językach i lokalizacjach. Moje pytanie nie jest czysto techniczne, ale dotyczy raczej architektury i wzorów, których ludzie używają w produkcji, aby rozwiązać ten problem. Nie mogłem nigdzie znaleźć żadnej "książki kucharskiej", więc przechodzę do mojej ulubionej strony z pytaniami i odpowiedziami …
5
Czy to właściwy sposób na usunięcie pozycji za pomocą Redux?
Wiem, że nie powinienem modyfikować danych wejściowych i powinienem sklonować obiekt, aby go zmutować. Postępowałem zgodnie z konwencją stosowaną w projekcie startowym Redux, w której zastosowano: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) za dodanie pozycji - uzyskuję użycie spreadu, aby dołączyć pozycję do tablicy. …
4
Otrzymuję komunikat „Błąd próby importu:” w aplikacji Reag
Otrzymuję następujący błąd podczas próby uruchomienia mojej aplikacji React: ./src/components/App/App.js Błąd podczas próby importu: „CombinedReducers” nie jest eksportowany z „../../store/reducers/”. Oto jak eksportuję combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); a oto jak importuję to w …
117 reactjs  redux 
5
Redux i RxJS, jakieś podobieństwa?
Wiem, że Redux jest lepszą "implementacją" Fluxa, albo lepiej mówiąc, że jest to przeprojektowanie mające na celu uproszczenie rzeczy (zarządzanie stanem aplikacji). Wiele słyszałem o programowaniu reaktywnym (RxJS), ale jeszcze nie nurkowałem, aby się go nauczyć. Więc moje pytanie brzmi: czy są jakieś przecięcia (coś wspólnego) między tymi dwiema technologiami, …
113 javascript  rxjs  redux 
5
Jaki jest najlepszy sposób na przekierowanie strony za pomocą React Router?
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 extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …
3
Jak uzyskać prostą wysyłkę z this.props za pomocą connect w / Redux?
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 :) Oto wersje każdej zależności npm, której obecnie używam …
4
Dlaczego mój onClick jest wywoływany podczas renderowania? - React.js
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; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { playlists: state.playlists …
11
Głęboka kopia w ES6 przy użyciu składni spreadów
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 (output, key) { output[key] = callback.call(this, {...object[key]}); return output; …
3
Stan jako tablica obiektów a obiekt z kluczem według id
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 list. Dalej stwierdzają Pomyśl o stanie aplikacji jak o bazie danych. …
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.