J'ai un problème où le re-rendu de l'état provoque des problèmes d'interface utilisateur et il a été suggéré de ne mettre à jour qu'une valeur spécifique dans mon réducteur pour réduire la quantité de re-rendu sur une page. c'est un exemple de mon état { name: "some name", subtitle: "some...
J'ai un simple composant React que je connecte (mappant un simple tableau / état). Pour éviter de référencer le contexte du magasin, j'aimerais avoir un moyen d'obtenir une «répartition» directement à partir des accessoires. J'en ai vu d'autres utiliser cette approche mais je n'y ai pas accès pour...
J'ai un réducteur pour les clients, un autre pour AppToolbar et quelques autres ... Disons maintenant que j'ai créé une action de récupération pour supprimer le client, et si cela échoue, j'ai du code dans le réducteur de clients qui devrait faire certaines choses, mais je veux aussi afficher une...
Je me rends compte que c'est une question fondamentale mais je n'ai pas eu la chance de trouver la réponse ailleurs. Est-ce store.dispatchsynchrone ou asynchrone Redux? Dans le cas où il est asynchrone, est-il possible d'ajouter un rappel après que l'action a été propagée comme c'est possible avec...
Je suis nouveau sur React Router et j'apprends qu'il existe de nombreuses façons de rediriger une page: En utilisant browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); En utilisant this.context.router.push("/path") class Foo...
J'ai un composant que j'ai créé: 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)...
J'essaie de créer une méthode de carte de copie profonde pour mon projet Redux qui fonctionnera avec des objets plutôt que des tableaux. J'ai lu que dans Redux, chaque état ne devrait rien changer aux états précédents. export const mapCopy = (object, callback) => { return...
Je vois que les fonctions mapStateToPropset mapDispatchToPropsqui sont passées à la connectfonction dans Redux prennent ownPropscomme second argument. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): À quoi...
Dans le chapitre sur la conception de la forme de l'état , la documentation suggère de conserver votre état dans un objet indexé par ID: Conservez chaque entité d'un objet stockée avec un ID comme clé et utilisez des ID pour la référencer à partir d'autres entités ou listes. Ils continuent à...
Je travaille sur un projet dans React et j'ai rencontré un problème qui m'a bloqué. Chaque fois que je cours, yarn startj'obtiens cette erreur: TypeError [ERR_INVALID_ARG_TYPE]: L'argument "chemin" doit être de type chaîne. Type reçu non défini Je ne sais pas pourquoi cela se produit, si quelqu'un...
Redux docs pour bindActionCreators indiquent que: Le seul cas d'utilisation pour bindActionCreators est lorsque vous souhaitez transmettre certains créateurs d'action à un composant qui ne connaît pas Redux, et que vous ne souhaitez pas lui transmettre la répartition ou le magasin Redux. Quel...
Autant que je sache et corrige-moi si je me trompe, redux-thunk est un middleware qui nous aide à distribuer la fonction async et à déboguer les valeurs dans l'action elle-même, tandis que lorsque j'ai utilisé redux-promise, je ne pouvais pas créer de fonctions asynchrones sans implémenter les...
Je brise l'exemple todo de Redux pour essayer de le comprendre. J'ai lu que cela mapDispatchToPropsvous permet de mapper les actions de répartition en tant qu'accessoires, j'ai donc pensé à réécrire addTodo.jspour utiliser mapDispatchToProps au lieu d'appeler dispatch (addTodo ()). Je l'ai appelé...
Le premier principe de la documentation Redux est: L'état de l'ensemble de votre application est stocké dans une arborescence d'objets dans un seul magasin. Et je pensais en fait que je comprenais bien tous les directeurs. Mais je ne sais plus ce que signifie l'application. Si l'application ne...
Je travaille sur un projet avec Typescript, React et Redux (tous fonctionnant dans Electron), et j'ai rencontré un problème lorsque j'inclus un composant basé sur une classe dans un autre et que j'essaie de passer des paramètres entre eux. En gros, j'ai la structure suivante pour le composant...
J'essaie de séparer un composant de présentation d'un composant de conteneur. J'ai un SitesTableet un SitesTableContainer. Le conteneur est chargé de déclencher des actions de redux pour récupérer les sites appropriés en fonction de l'utilisateur actuel. Le problème est que l'utilisateur actuel...
J'ai du mal à résoudre le problème avec la syntaxe suivante: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) {...
Disons que j'ai une bascule simple: Lorsque je clique sur le bouton, le composant Couleur passe du rouge au bleu Je pourrais obtenir ce résultat en faisant quelque chose comme ça. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js...
J'ai des tests unitaires pour mon reducers. Cependant, lorsque je débogue dans le navigateur, je veux vérifier si mes actions ont été appelées correctement et si l'état a été modifié en conséquence. Je recherche quelque chose comme: window._redux.store ... dans le navigateur pour que je puisse...
Je poste normalement des trucs liés au code sur Stack, mais c'est plus une question sur ce que sont les pensées générales de la communauté. Il semble y avoir beaucoup de gens qui préconisent l'utilisation de Redux avec React pour gérer les données / l'état, mais en lisant et en apprenant les deux,...