Fixations React officielles pour Redux

react-redux...

Je travaille sur une application React Redux. J'ai une action dans laquelle j'appelle une fonction utilitaire avant d'envoyer l'action. import GetDataFromAPIs from "../utils/menu-creator"; export const UPDATE_DATA = 'UPDATE_DATA'; export const updateData = () => { const newData = GetDataFromAPI....
6 avril 2020 à 02:51
J'essaie de faire en sorte que ma barre de navigation affiche dynamiquement différentes choses selon que l'utilisateur est connecté ou non en utilisant React et Redux. Et en fait, cela s'est avéré gérable, j'ai branché des créateurs d'actions qui vérifient s'il y a un objet utilisateur et s'il y a e....
5 avril 2020 à 21:09
Je suis nouveau pour réagir redux et créer ma première application web. J'ai donc créé Router et ajouté les pages spécifiques: <Switch> <Route path="/"> <Home /> </Route> <Route path="/Info/:id/:name/:type"> <....
5 avril 2020 à 09:54
Tout d'abord, merci à tous ceux qui lisent ceci et sont prêts à vous aider! J'essaie de créer une application Web react-redux et j'ai du mal à accéder à un identifiant à partir de l'URL dans un conteneur. L'URL ressemble à ceci: websitename.com/games/:game_id J'ai besoin d'accéder à cela: game_id af....
Voici mon <img> tag <li className="dropdown user user-menu"> <a href="#" className="dropdown-toggle" data-toggle="dropdown"> <img src="/public/assets/images/user2-160x160.jpg" className="user-image" alt="User Image" /> ....
29 mars 2020 à 09:09
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
J'essaie d'afficher mon état initial dans mon magasin. Je sais que mon code n'est pas correct mais j'espère apprendre la méthode la plus simple pour cela. Puis-je simplement recevoir des données du magasin avec des accessoires? ou ai-je besoin d'un événement de cycle de vie pour cibler les données d....
10 janv. 2020 à 11:31
J'essaie de transmettre des informations de l'état initial du magasin à un composant où elles sont rendues, mais elles ne s'affichent pas. Un fichier console.log dans le composant lui-même a montré qu'il n'était pas défini. Il n'y a rien de mal à l'état initial, je peux y accéder en utilisant une in....
Mon AppRoutes actuel ressemble à ceci. <Switch> <ProtectedRoute exact path="/" component={Home} /> <Route path="/login" component={Login} /> </Switch> J'ai créé une fonction ProtectedRoute const { isAuthenticated, isAuthenticating } = useSelector(state => state.a....
5 janv. 2020 à 16:13
Pouvez-vous m'expliquer ce qui ne va pas avec mon mapStateToProps? J'ai une forme de composant de connexion comme celle-ci. Je veux obtenir l'état après l'action envoyer l'état des données à stocker, mais il renvoie undefined (console.log(propReducerState.isAuthenticated)). Voici ma connexion import....
4 janv. 2020 à 19:50
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
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 JSON comme celui-ci "decks": [ { "id": 65, "name": "deck1", "cards": [ { "question": "q1", "answer": "a1" }, { "question": "q2", "answer": "a2" }, { "question": "q3", "an....
29 déc. 2019 à 21:25
J'ai l'objet suivant qui est mon état initial dans mon réducteur: const INITIAL_STATE = { campaign_dates: { dt_start: '', dt_end: '', }, campaign_target: { target_number: '', gender: '', age_level: { age_start: '', age_end: '', }, interest_area: [], ....
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
J'ai un composant React comme indiqué. Je passe prop hasItems et basé sur cette valeur booléenne, je montre le composant PaymentMessage ou le composant AddItemsMessage. export const PayComponent = ({ hasItems }: props) => { return ( <Wrapper> {hasItems ? ( <PaymentMessage /> ....
J'ai un composant React qui essaie d'obtenir des données et appelle un appel onSuccess(result) lors d'une récupération réussie des données. J'ai besoin de sauvegarder les données sur redux. J'ai créé des crochets personnalisés qui utilisent useDispatch, et j'essaie de faire quelque chose comme ceci:....
23 déc. 2019 à 17:15
class LifeCycleComps extends Component { constructor(props) { super(props); this.state = { data: 0, names: [{ name: "sam" }, { name: "hammer" }, { name: "jellyfish" } ....
23 déc. 2019 à 14:59
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
Sachez que je suis nouveau sur ReactJS avec Redux. J'ai une liste de passagers et chaque passager a une liste de vols. Je voudrais mettre à jour la propriété de vol, checkedIn avec la propriété d'action isCheckedIn. Comment puis-je y parvenir avec le réducteur? reducer.js export default function p....
18 déc. 2019 à 17:16
Comment puis-je réaliser ce lien '/employees/10/edit' dans le répertoire des pages? J'ai essayé ce qui suit où [id] est un répertoire. /employees/[id]/edit.js ....
J'ai deux composants: un parent et un dans le composant enfant comme indiqué ci-dessous: import React, { Component, useState, useEffect } from 'react'; const useDocumentTitle = (title) => { useEffect(() => { document.title = title; }, [title]) } function App(){ const [count,setCount] = u....
13 déc. 2019 à 10:11
Voici mon état initial des réducteurs: const InitialState = { data:[], SelectUser : null, name: "Not Yet Selected" }; Vous trouverez ci-dessous l'état de mes données [] extrait de l'API: [ { "id": 1, "name": "Leanne Graham", "username": "Bret", "email": "Sincere@april.biz", "....
12 déc. 2019 à 15:36
Salut, je suis coincé dans une fonction React useState. Je veux juste apprendre les crochets et utiliser l'état, mais je ne peux pas avoir de progrès, même trop de mal à trouver une solution. Voici ma fonction de réaction complète: import React, { useState } from 'react'; import './MainPart.css'; f....
12 déc. 2019 à 15:10
J'ai un projet react et redux pour la gestion de l'état. Ce sont mes actions. const mapDispatchToProps = dispatch => ({ handleChange: (name, value) => { dispatch(handleChange(name, value)) }, filterRooms: (rooms) => { dispatch(filterRooms(rooms)) } }); Je dois utiliser ces 2 méthodes une par un....