Questions marquées «reactjs»

React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript développée par Facebook pour créer des interfaces utilisateur. Il utilise un paradigme déclaratif basé sur les composants et vise à être à la fois efficace et flexible.

9
Bonnes pratiques lors de l'ajout d'espaces dans JSX
Je comprends comment (et pourquoi ) ajouter un espace dans JSX, mais je me demande quelles sont les meilleures pratiques ou si elles font une réelle différence? Enveloppez les deux éléments dans une travée <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Ajoutez-les sur une seule ligne <div className="top-element-formatting"> Hello <span …
9
React setState ne met pas à jour l'état
Donc j'ai ceci: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal est juste un tableau de nombres, [1, 5, 9]par exemple this.state.dealersOverallTotalne donne pas le total correct mais …
1
Qu'est-ce que le fichier public / manifest.json dans create-react-app?
Je sais que les extensions chrome utilisent «manifest.json», mais ici, il est également utilisé comme autre chose. Contenu - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Lorsque je …
9
Comment annuler une récupération sur le composantWillUnmount
Je pense que le titre dit tout. L'avertissement jaune s'affiche chaque fois que je démonte un composant en cours de récupération. Console Avertissement: impossible d'appeler setState(ou forceUpdate) sur un composant non monté. Ce n'est pas une opération, mais ... Pour corriger, annulez tous les abonnements et les tâches asynchrones dans …
90 reactjs 
16
Enzyme - Comment accéder et définir la valeur <input>?
Je ne sais pas comment accéder à la &lt;input&gt;valeur lors de l'utilisation mount. Voici ce que j'ai comme test: it('cancels changes when user presses esc', done =&gt; { const wrapper = mount(&lt;EditableText defaultValue="Hello" /&gt;); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); La console imprime undefined. Mais si je modifie …
11
Importer un fichier JSON dans React
Je suis nouveau sur React et j'essaye d'importer une DATAvariable JSON à partir d'un fichier externe. J'obtiens l'erreur suivante: Impossible de trouver le module "./customData.json" Quelqu'un pourrait-il m'aider? Cela fonctionne si j'ai ma DATAvariable index.jsmais pas lorsqu'elle est dans un fichier JSON externe. index.js import React, {Component} from 'react'; import …
8
Bonne façon de partager les fonctions entre les composants dans React
J'ai plusieurs composants qui doivent tous faire la même chose. (Une fonction simple qui mappe sur leurs composants enfants et fait quelque chose à chacun). En ce moment, je définis cette méthode dans chacun des composants. Mais je ne veux le définir qu'une seule fois. Je pourrais le définir dans …
90 reactjs 
6
Rendre le composant React lorsque l'accessoire change
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 est extrait de manière asynchrone, une fois que …
4
Fonctions dans les composants sans état?
J'essaie de convertir cette &lt;canvas&gt;animation cool que j'ai trouvée ici en un composant réutilisable React. Il semble que ce composant nécessite un composant parent pour le canevas et de nombreux composants enfants pour le function Ball(). Pour des raisons de performances, il serait probablement préférable de transformer le Ballsen composants …
90 reactjs 
11
Comment importer un fichier CSS dans un composant React
Je souhaite importer un fichier CSS dans un composant de réaction. J'ai essayé import disabledLink from "../../../public/styles/disabledLink";mais j'obtiens l'erreur ci-dessous; Module non trouvé: Erreur: Impossible de résoudre 'fichier' ou 'répertoire' ../../../public/styles/disabledLink dans c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @. /client/src/components/ShoppingCartLink.js 19: …
4
React-Redux: tous les états des composants doivent-ils être conservés dans Redux Store
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={()=&gt;{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.