Redux est un conteneur d'état prévisible pour les applications JavaScript basé sur le modèle de conception Flux.

redux...

J'essaie de créer l'authentification Google dans React + Redux + Firebase. Et je veux créer un utilisateur après l'authentification google. Mais this.props.createUser() ne fonctionne pas après les redirections sur Firebase. TypeError: Impossible de lire la propriété 'props' d'undefined app / src / ....
J'ai un composant de niveau élevé qui redirige l'utilisateur vers le tableau de bord lors de la connexion. Le problème est que le tableau de bord n'est pas restitué lors de la redirection. static getDerivedStateFromProps(nextProps) { if (nextProps.user.isAuthenticated) { nextProps.....
13 janv. 2020 à 23:51
Donc, je construis une petite application pour apprendre à redux / réagir. L'application comprend un formulaire qui est construit en tant que composant avec un bouton Enregistrer (et un code plus non pertinent), et un composant enfant qui inclut les champs du formulaire. Mon intention est de mettre ....
13 janv. 2020 à 18:12
Je rend deux curseurs sur un écran, un pour la distance maximale et un pour une tranche d'âge (qui a deux icônes déplaçables). Ce que je veux faire, c'est définir ces valeurs correspondantes dans mon magasin Redux en fonction du composant utilisé à ce stade. Par exemple, si l'utilisateur fait glisse....
11 janv. 2020 à 21:38
J'ai le currentState suivant. Lorsque j'ajoute le destinataire, le nouveau destinataire doit être ajouté à recipient.allIds et recipientProduct avec la quantité par défaut = 1. Je suis coincé à ajouter à la partie recipientProduct. Cela devrait être fait dans immutable way car il s'agit d'un état re....
Lorsque j'utilise redux dans mon application React, le réducteur retourne simplement l'état initial pour moi.qui est toujours renvoyé le faux ici.Merci pour votre réponse. [MISE À JOUR]: en cas de modification let newState = state pour ça: let newState = {...state} mais aussi le réducteur retour....
7 janv. 2020 à 09:32
J'apprends Next JS avec Redux et j'ai créé un magasin et réussi à amener l'utilisateur à l'état Redux lorsqu'il est authentifié, mais maintenant je ne veux pas que cet utilisateur accède à la page de connexion s'il est authentifié. Voici le code que j'ai écrit jusqu'à présent: const SignInSignUp = (....
6 janv. 2020 à 23:26
Dans ce projet, j'utilise la bibliothèque js suivante avec redux et j'utilise également le wrapper redux suivant Je fais tout comme mentionné dans le prochain document wrapper redux mais cela ne fonctionne pas correctement ici, il se produit le getState d'erreur non définie lorsque j'affiche sur le....
4 janv. 2020 à 08:03
J'ai un composant fonctionnel comme suit et j'ai une fonction qui a deux dépêches. L'un définit le message d'erreur et l'autre supprime le message d'erreur après un bref délai d'expiration. La fonctionnalité de définition des erreurs et de suppression est disponible dans de nombreux autres composant....
31 déc. 2019 à 08:23
Ma configuration de Reaux Redux fonctionnait bien jusqu'à ce que je devais déclencher une mise à jour de composant basée sur une mise à jour d'une variable de magasin Redux. D'après les recherches, je pense que mon problème est que je ne reviens pas de mon réducteur de manière immuable de sorte qu'u....
30 déc. 2019 à 23:16
J'ai un sandbox de code pour faire la démonstration d'un problème que j'ai avec Redux et React. https://codesandbox.io/s/reactredux-3edy8 Fondamentalement, ce réducteur ne fonctionne pas: const initialState = { byId: {} }; function addReducer(state = initialState, action) { switch (action.type....
30 déc. 2019 à 07:03
J'essaie de récupérer à partir de l'api django REST mais le réducteur d'action de répartition ne fonctionnera pas. J'utilise Material UI, Hooks, Redux. Code réducteur d'action: import axios from 'axios'; import { GET_NOTE } from './types'; // GET NOTE export const getNote = () => (dispatch) => { ....
28 déc. 2019 à 14:10
Existe-t-il un meilleur moyen d'écrire le code suivant: export const getItemsSuccess = (state, entity, payload) => { const {count, rows} = payload const clonedState = {...state} clonedState[entity] = {...clonedState[entity], count, rows} return { ...clonedState, } } ....
26 déc. 2019 à 22:56
Avec un appel API, je reçois une réponse comme ci-dessous [ { stationId: "10" name: "Jinbaolai" group: {id: "18", stationGroupName: "Ali"} }, { stationId: "13" name: "Stack" group: {id: "18", stationGroupName: "Ali"} }, { stationId: "20" name: "Overflow" ....
21 déc. 2019 à 10:45
Je voudrais envoyer une action lorsque le sélecteur change de valeur. donc je passe le sélecteur avec un abonnement pour éviter de passer un observable selectedSchedulingsOnPopup$ = this.store.pipe(select(selectSchedulingsByBranch)); this.store.dispatch(new GetDirectionsOnGraph(this.selectedSchedul....
20 déc. 2019 à 18:40
J'ai actuellement une action de redux asynchrone (avec middleware) qui récupère les données de mon backend. J'ajoute l'authentification Firebase et souhaite inclure le jeton d'authentification à cette demande. Le jeton d'authentification est récupéré de manière asynchrone à l'aide de la fonction get....
J'ai le App.js suivant: constructor(props) { super(props); this.props.setLoading(); } componentDidMount(){ this.convert(); } changeFromCurr = (event) => { this.props.setFromCurrency(event.target.value); this.convert(); } changeToCurr = (event) => { this.props....
19 déc. 2019 à 19:02
Un autre problème de débutant. Je souhaite publier un message avec mon formulaire. J'ai Post.js qui ressemble à ceci: import React, { Component } from 'react'; import PropTypes from 'prop-types'; import PostForm from './PostFormContainer'; export class Post extends Component { static propTypes =....
19 déc. 2019 à 13:26
J'ai un bouton Favoris, pour lequel si un utilisateur non connecté clique, il doit être redirigé vers la page de connexion. Ce bouton ressemble à ceci: <Button onClick={() => addFavorite(card, props.loggedUser)} color={ favorite....
18 déc. 2019 à 05:13
J'ai écrit un composant de classe dans mon projet de travail actuel et j'ai rencontré des problèmes de mémoire javascript alors j'ai trouvé la méthode componentWillUnmount que j'ai utilisée dans l'ensemble du projet. En fait, c'est utile, mais il y a des composants où je n'ai rien à effacer, par exe....
J'essaie de filtrer une table dans un composant React par une valeur à l'intérieur d'un document dans Firebase. Le code important ressemble à ceci. Les revendications sont analysées dans un autre composant pour les lignes du tableau. class Claims extends Component { componentDidMount() { this.....
17 déc. 2019 à 09:05
Je développe une application avec React Native et Redux. J'ai une logique d'authentification et de localisation gérée par Redux, et maintenant je veux récupérer les données nécessaires de l'API distante à l'aide de Redux également. Un exemple de ce que j'avais pour l'authentification: actions.auth.j....
16 déc. 2019 à 09:21
J'ai fait une page avec next.js comme suit. https://github.com/jinhoyoo/breadpan/blob/7db4ba1c458aff4eee558d27c9e7b84af6401596/frontend/todoapp/pages/todo/index.tsx?fbclid=IwAR3gHVcnSDH7R_rqKdN5CtUoKCEo774oESG6QYk3ZpR46RYTS6tlHF9qRHM#L29 En utilisant getInitialProps(), définissez les propriétés tôt....
16 déc. 2019 à 08:28
Cela fait longtemps que j'en ai du mal. nous savons tous que la fonction flèche simplifie la syntaxe, comme ceci: A. Fonction flèche: onClick={() => toggleTodo(todo.id)} B. Développez la fonction Flèche: onClick={() => { // we can see there is a return keyword here. can....
16 déc. 2019 à 08:01
J'ai un projet très simple sur lequel vous pouvez trouver: https://codesandbox.io/s/issue-looping-between-last-2-routes-xhxu1 Au dossier: /src/store/middlewares.ts J'ai les middlewares suivants: import { Dispatch, Middleware, AnyAction } from "redux"; import { RootState } from "./rootReducer"; impo....