Questions marquées «reactjs»

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...

Dans les documents officiels de React, il mentionne - Si vous êtes familier avec les méthodes de cycle de vie de classe React, vous pouvez considérer useEffect Hook comme composantDidMount, componentDidUpdate et componentWillUnmount combinés. Ma question est la suivante: comment pouvons-nous...

Je suis très nouveau sur React JS (comme dans, vient de commencer aujourd'hui). Je ne comprends pas très bien comment fonctionne setState. Je combine React et Easel JS pour dessiner une grille basée sur l'entrée utilisateur. Voici mon bin JS: http://jsbin.com/zatula/edit?js,output Voici le code:...

Je crée un projet ReactJS avec le create-react-apppackage et cela a bien fonctionné, mais je ne trouve pas de fichiers et de configurations Webpack. Comment React-Create-App fonctionne avec Webpack? Où se trouvent les fichiers de configuration Webpack dans une installation par défaut avec...

Existe-t-il une différence «en coulisse» entre la définition de innerHTML d'un élément et la définition de la propriété dangerouslySetInnerHTML sur un élément? Supposons que je désinfecte correctement les choses dans un souci de simplicité. Exemple: var test = React.createClass({ render:...

J'ai du mal à mettre à jour l'état de la case à cocher après son attribution avec la valeur par défaut checked="checked"dans React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Après l'attribution checked="checked", je ne peux pas...

Avec ce code: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; J'obtiens cette erreur eslint: 7:16 error Parsing error: Unexpected token .. Why? Voici ma...

J'ai un problème, que je n'ai aucune idée, comment résoudre. Dans mon composant de réaction, j'affiche une longue liste de données et quelques liens en bas. Après avoir cliqué sur l'un de ces liens, je remplis la liste avec une nouvelle collection de liens et je dois faire défiler vers le haut. Le...

J'essaie d'apprendre les crochets et la useStateméthode m'a rendu confus. J'attribue une valeur initiale à un état sous la forme d'un tableau. La méthode set dans useStatene fonctionne pas pour moi même avec spread(...)ou without spread operator. J'ai créé une API sur un autre PC que j'appelle et...

J'essaie de rendre dynamiquement les composants en fonction de leur type. Par exemple: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> J'ai essayé la solution proposée ici noms...

Je suis nouveau sur React. J'essaye de désactiver un bouton lorsqu'un champ de saisie est vide. Quelle est la meilleure approche dans React pour cela? Je fais quelque chose comme ceci: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Est-ce correct? Ce...

J'utilise React et Redux pour développer une application web et quand j'ai démarré mon projet, j'ai obtenu ceci: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Je cherche beaucoup comment le résoudre, mais aucune des réponses que...

Je peux atteindre ce point de terminaison, http://catfacts-api.appspot.com/api/facts?number=99via Postman et il revientJSON De plus, j'utilise create-react-app et je voudrais éviter de configurer une configuration de serveur. Dans mon code client, j'essaie d'utiliser fetchpour faire la même chose,...

Comment puis-je charger une image à partir du répertoire local et l'inclure dans la reactjs img srcbalise? J'ai une image appelée one.jpegdans le même dossier que mon composant et j'ai essayé à la fois <img src="one.jpeg" />et à l' <img src={"one.jpeg"} />intérieur de ma renderfonction,...

Je suis actuellement en train de parcourir les tutoriels React-Native. J'ai commencé avec le didacticiel de mise en route, où j'ai créé un nouveau projet natif de réaction et réussi à exécuter le projet sur mon appareil. J'ai ensuite commencé le didacticiel Props , j'ai copié l'extrait de code et...

Dans React 16.2, un support amélioré pour Fragmentsa été ajouté. Plus d'informations peuvent être trouvées sur le blog de React ici. Nous connaissons tous le code suivant: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text....

Voici ce que j'ai essayé et comment ça va mal. Cela marche: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Cela ne: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> La propriété description est simplement une chaîne normale de...

J'essaye d'écrire un composant React. pour les balises d'en-tête html (h1, h2, h3, etc ...), où la priorité de l'en-tête change dynamiquement en fonction de la priorité que nous avons définie dans les accessoires. Voici ce que j'essaye de faire.

Quelqu'un peut-il expliquer la différence entre <Route exact path="/" component={Home} /> et <Route path="/" component={Home} /> Je ne connais pas le sens de

react-native run-androidLa commande se termine en laissant un message dans le simulateur Android. Le message est le suivant: Impossible de charger le script Assurez-vous que vous exécutez un serveur Metro ou que votre bundle «index.android.bundle» est correctement emballé pour la publication....