À l'aide de la méthode css-in-js pour ajouter des classes à un composant react, comment ajouter plusieurs composants? Voici la variable classes: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Voici comment je l'ai utilisé: return (...
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é...
J'utilise Sublime Text comme éditeur de texte. Il existe un jsFormat pour formater les fichiers javascript mais je n'en trouve pas pour JSX. Comment gérez-vous le formatage JSX?
J'ai regardé la documentation de Facebook sur ( React.Component ) et il mentionne comment componentWillMountest invoqué sur le client / serveur alors qu'il componentDidMountest invoqué uniquement sur le client. Que fait componentWillMountle serveur?
Dans cette documentation de React, il est dit que shallowCompare effectue une vérification d'égalité superficielle sur les objets props et nextProps actuels ainsi que sur les objets état actuel et nextState. La chose que je ne peux pas comprendre est que si elle compare les objets de manière...
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...
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');...
J'ai cette application simple de réaction helloworld créée à partir d'un cours en ligne, mais j'obtiens cette erreur: Objet de configuration non valide. Webpack a été initialisé à l'aide d'un objet de configuration qui ne correspond pas au schéma d'API. - la configuration a une propriété inconnue...
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...
Je souhaite utiliser un événement keyDown sur un div dans React. Je fais: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) {...
Je ne peux pas croire que je pose une question évidente, mais j'obtiens toujours l'erreur dans le journal de la console. La console dit qu'elle ne trouve pas le module dans le répertoire, mais j'ai vérifié au moins 10 fois les fautes de frappe. Quoi qu'il en soit, voici le code du composant. Je...
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",...
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...
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...
Je ne sais pas comment accéder à la <input>valeur lors de l'utilisation mount. Voici ce que j'ai comme test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');
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...
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:...
J'essaie de convertir cette <canvas>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...
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...
Je cherche des moyens d'implémenter le défilement infini avec React. J'ai rencontré react-infinite-scroll et je l'ai trouvé inefficace car il ajoute simplement des nœuds au DOM et ne les supprime pas. Existe-t-il une solution éprouvée avec React qui ajoutera, supprimera et maintiendra un nombre...