Lorsqu'un état de composant de réaction change, la méthode de rendu est appelée. Par conséquent, pour tout changement d'état, une action peut être effectuée dans le corps des méthodes de rendu. Existe-t-il alors un cas d'utilisation particulier pour le rappel
J'essaye de tester mon application React sur un appareil mobile. J'utilise ngrok pour rendre mon serveur local disponible à d'autres appareils et je l'ai fait fonctionner avec une variété d'autres applications. Cependant, lorsque j'essaye de connecter ngrok au serveur de développement React,...
J'ai appris qu'à partir de React v15.3.0 , nous avons une nouvelle classe de base appelée PureComponent à étendre avec PureRenderMixin intégré. Ce que je comprends, c'est que, sous le capot, cela utilise une comparaison superficielle des accessoires à l'intérieur shouldComponentUpdate. Nous avons...
J'ai le composant React suivant: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c)...
De nombreux langages de modèles ont des instructions "slots" ou "yield", qui permettent de faire une sorte d'inversion de contrôle pour envelopper un modèle dans un autre. Angular a l' option "transclude" . Rails a une déclaration de rendement . Si React.js avait une instruction yield, cela...
Je suis nouveau dans le monde entier de nodejs / reactjs, donc excuses si ma question semble idiote. Donc je joue avec reactabular.js . Chaque fois que je fais un, npm startça continue toujours localhost:8080. Comment puis-je le modifier pour qu'il s'exécute 0.0.0.0:8080pour le rendre accessible...
Fermé . Cette question est basée sur l'opinion . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question afin de pouvoir y répondre avec des faits et des citations en éditant ce message . Fermé il y a 2 ans . Améliorez cette question React...
Supposons que j'ai une classe React P, qui rend deux classes enfants, C1 et C2. C1 contient un champ de saisie. Je ferai référence à ce champ de saisie comme Foo. Mon objectif est de laisser C2 réagir aux changements de Foo. J'ai trouvé deux solutions, mais aucune d'elles ne semble tout à fait...
J'ai des problèmes avec un formulaire React et je gère correctement l'état. J'ai un champ de saisie de temps dans un formulaire (dans un modal). La valeur initiale est définie comme une variable d'état dans getInitialStateet est transmise à partir d'un composant parent. Cela fonctionne bien en soi....
Pourquoi ne puis-je pas accéder aux méthodes des composants de «l'extérieur» dans ReactJS? Pourquoi n'est-ce pas possible et y a-t-il un moyen de le résoudre? Considérez le code: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div>...
J'appelle le service Web en utilisant fetch mais je peux faire la même chose avec l'aide d'axios. Alors maintenant, je suis confus. Dois-je opter pour axios ou
Je suis nouveau dans l'utilisation des classes ES6 avec React, auparavant j'avais lié mes méthodes à l'objet actuel (voir dans le premier exemple), mais ES6 me permet-il de lier de manière permanente une fonction de classe à une instance de classe avec des flèches? (Utile lors du passage en tant...
Avec React 16.8.6 (c'était bien sur la version précédente 16.8.3), j'obtiens cette erreur lorsque je tente d'empêcher une boucle infinie sur une requête de récupération ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or...
J'ai un widget de chat qui affiche un tableau de messages à chaque fois que je fais défiler vers le haut. Le problème auquel je suis confronté maintenant est que le curseur reste fixe en haut lorsque les messages se chargent. Je veux qu'il se concentre sur le dernier élément d'index du tableau...
Je voudrais afficher un titledans<AppBar /> qui est en quelque sorte passé de l'itinéraire actuel. Dans React Router v4, comment pourrait- <AppBar />on faire passer la route actuelle dans son titleaccessoire? <Router basename='/app'> <main> <Menu active={menu}...
J'essaie de basculer l'état d'un composant dans ReactJS mais j'obtiens une erreur indiquant: Profondeur de mise à jour maximale dépassée. Cela peut se produire lorsqu'un composant appelle à plusieurs reprises setState dans componentWillUpdate ou componentDidUpdate. React limite le nombre de mises à...
J'aime assez le modèle CSS en ligne dans React et j'ai décidé de l'utiliser. Cependant, vous ne pouvez pas utiliser les :hoversélecteurs et similaires. Alors, quelle est la meilleure façon d'implémenter la mise en évidence au survol tout en utilisant des styles CSS en ligne? Une suggestion de...
J'utilise comme environnement, un Cloud9.io ubuntu VM Online IDE et j'ai réduit en résolvant cette erreur à simplement exécuter l'application avec le serveur de développement Webpack. Je le lance avec: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP est une...
J'utilise create-react-app et je préfère ne pas le faire eject. On ne sait pas où doivent aller les polices importées via @ font-face et chargées localement. À savoir, je charge @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro...
J'ai travaillé avec un projet React en utilisant create-react-appet j'ai deux options pour démarrer le projet: Première manière: npm run startavec la définition package.jsoncomme ceci: "start": "react-scripts start", Deuxième manière: npm start Quelle est la différence entre ces deux commandes? Et...