J'ai cloné une application de réaction sur mon système et exécuté les commandes suivantes npm install -g create-react-app npm install --save react react-dom Après ça j'ai couru npm start Mais il a jeté l'erreur mentionnée ci-dessus, cela fonctionne bien sur mon autre système à partir duquel je l'ai...
TLDR: Utiliser defaultChecked au lieu de vérifier, de travail jsbin . Essayer de configurer une simple case à cocher qui rayera le texte de son étiquette lorsqu'elle est cochée. Pour une raison quelconque, handleChange n'est pas déclenché lorsque j'utilise le composant. Quelqu'un peut-il expliquer...
ma sortie d'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. - configuration.module a une propriété inconnue 'loaders'. Ces propriétés sont valides: object {exprContextCritical ?, exprContextRecursive ?,...
Au lieu d'écrire mes composants dans une classe, j'aimerais utiliser la syntaxe de la fonction à la place. Comment remplacer componentDidMount, à l' componentWillMountintérieur des composants de fonction? Est-ce même possible? const grid = (props) => { console.log(props); let {skuRules} = props;...
Je suis nouveau sur reactjs, je souhaite inclure bootstrap dans mon application react J'ai installé bootstrap par npm install bootstrap --save Maintenant, je veux charger bootstrap css et js dans mon application react. J'utilise webpack. webpack.config.js var config = { entry: './src/index',...
Quelle est la différence entre le composant et le conteneur dans React
J'utilise le code ci-dessous pour définir les accessoires par défaut sur un composant React mais cela ne fonctionne pas. Dans la render()méthode, je peux voir que la sortie "accessoires non définis" a été imprimée sur la console du navigateur. Comment puis-je définir une valeur par défaut pour les...
Pourquoi, dans l'exemple de pseudo-code suivant, Child ne s'affiche pas à nouveau lorsque Container change foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div>...
J'ai un problème avec mes images sur mon projet react. En effet, j'ai toujours pensé que le chemin relatif dans l'attribut src était construit sur l'architecture des fichiers Voici mon architecture de fichiers: components file1.jsx file2.jsx file3.jsx container img js ... Cependant, j'ai réalisé...
Je joue autour avec Reactet en ES6utilisant babelet webpack. Je souhaite créer plusieurs composants dans différents fichiers, les importer dans un seul fichier et les regrouper avecwebpack Disons que j'ai quelques composants comme celui-ci: my-navbar.jsx import React from 'react'; import Navbar...
Comment puis-je obtenir des informations sur un ReadableStreamobjet? J'utilise l'API Fetch et je ne vois pas cela clairement dans la documentation. Le corps est renvoyé en tant que ReadableStreamet je voudrais simplement accéder à une propriété dans ce flux. Sous Réponse dans les outils de...
J'ai un composant de notification, et j'ai un paramètre de délai d'attente pour cela. après le délai, j'appelle this.setState({isTimeout:true}). Ce que je veux faire, c'est si déjà timeout, je ne veux rien rendre: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return...
J'apprends actuellement le concept de hooks dans React et j'essaie de comprendre l'exemple ci-dessous. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked...
J'ai construit un composant dans React qui est censé mettre à jour son propre style sur le défilement de la fenêtre pour créer un effet de parallaxe. La renderméthode du composant ressemble à ceci: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event)...
Bien qu'il y ait une question similaire, je ne parviens pas à créer un fichier avec plusieurs fonctions. Je ne sais pas si la méthode est déjà obsolète ou non car RN évolue très rapidement. Comment créer une fonction d'assistance globale dans React Native? Je suis nouveau sur React Native. Ce que...
Je lis sur Flux mais le exemple d'application Todo est trop simpliste pour que je puisse comprendre certains points clés. Imaginez une application d'une seule page comme Facebook avec des pages de profil utilisateur . Sur chaque page de profil utilisateur, nous voulons afficher certaines...
J'utilise la dernière version du module react-router, nommé react-router-dom, qui est devenu la valeur par défaut lors du développement d'applications Web avec React. Je souhaite savoir comment effectuer une redirection après une requête POST. J'ai créé ce code, mais après la demande, rien ne se...
Quel est le type correct pour les événements React. Au départ, je l'ai juste utilisé anypar souci de simplicité. Maintenant, j'essaie de nettoyer les choses et d'éviter anycomplètement l' utilisation . Donc, sous une forme simple comme celle-ci: export interface LoginProps { login: { [k: string]:...
J'essaie de trouver le meilleur moyen de supprimer un élément d'un tableau dans l'état d'un composant. Puisque je ne devrais pas modifier la this.statevariable directement, y a-t-il un meilleur moyen (plus concis) de supprimer un élément d'un tableau que ce que j'ai ici?: onRemovePerson:...
J'écris un script qui déplace la liste déroulante en dessous ou au-dessus de l'entrée en fonction de la hauteur de la liste déroulante et de la position de l'entrée sur l'écran. Je souhaite également définir le modificateur sur la liste déroulante en fonction de sa direction. Mais utiliser à l'...