J'ai une application react créée par create-react-app. Après avoir exécuté npm start (le script de démarrage est présent dans package.json sous le nom "start": "react-scripts start"), la console indique Démarrage normal du serveur de développement et démarre le navigateur. Mais après cela, la...
Lorsque j'essaie d'accéder au composant de connexion de mon application MERN sur la version de production, j'obtiens une série des erreurs de type suivantes affichées dans cette image: Mon application ( https://github.com/ahaq0/kumon_schedule ) fonctionne parfaitement bien localement et...
J'essaie de charger une vue de détails basée sur une route react-router-dom qui devrait saisir le paramètre URL (id) et l'utiliser pour remplir davantage le composant. Mon itinéraire ressemble /task/:idet mon composant se charge correctement, jusqu'à ce que j'essaye de saisir l'identifiant: id de...
Je vois que React.forwardRef semble être le moyen approuvé de passer une référence à un composant fonctionnel enfant, à partir des documents React: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You...
J'essaie de créer un nouveau projet en create-react-apputilisant la commande donnée sur les documents c'est-à-dire npx create-react-app my-appmais il ne contient pas de dossiers comme public srcet
React Hooks nous donne l'option useState, et je vois toujours des comparaisons Hooks vs Class-State. Mais qu'en est-il des crochets et de certaines variables régulières? Par exemple, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Je n'ai pas utilisé de crochets, et cela me...
Je veux utiliser un Autocompletecomposant pour les balises d'entrée. J'essaie d'obtenir les balises et de les enregistrer sur un état afin de pouvoir les enregistrer plus tard dans la base de données. J'utilise des fonctions au lieu de classes dans React. J'ai essayé avec onChange, mais je n'ai...
Je suis intéressé par la façon d'implémenter OAuth dans React en utilisant popup ( window.open). Par exemple, j'ai: mysite.com - c'est là que j'ouvre le popup. passport.mysite.com/oauth/authorize - apparaitre. La question principale est de savoir comment créer une connexion entre window.open(popup)...
Je crée une bibliothèque de composants React partageable. La bibliothèque contient de nombreux composants, mais l'utilisateur final n'aura peut-être qu'à en utiliser quelques-uns. Lorsque vous regroupez du code avec Webpack (ou Parcel ou Rollup), il crée un fichier unique avec tout le code . Pour...
J'ai parcouru les définitions des deux comme: Les fonctions pures sont celles qui n'essaient pas de modifier leurs entrées et retournent toujours le même résultat pour les mêmes entrées. Exemple function sum(a, b) { return a + b; } Et la fonction Impure est celle qui change sa propre entrée....
J'ai installé material-ui / lab afin d'utiliser le composant d'alerte, mais chaque fois que je l'importe avec: import Alert from '@material-ui/lab/Alert';il ne parvient pas à compiler et génère cette erreur: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import...
Je veux comprendre quelle est la manière la plus générale ou correcte de gérer les erreurs avec React-Redux. Supposons que j'ai un composant d'inscription au numéro de téléphone. Ce composant génère une erreur indiquant si le numéro de téléphone saisi n'est pas valide Quelle serait la meilleure...
J'ai une application React (n'utilisant pas Create React App) construite en utilisant TypeScript, Jest, Webpack et Babel. Lorsque j'essaie d'exécuter "plaisanterie de fil", j'obtiens l'erreur suivante: J'ai essayé de supprimer tous les packages et de les rajouter. Cela ne résout pas cela. J'ai...
Je crée une application React à page unique et j'ai remarqué que la restauration du défilement ne semble pas fonctionner comme prévu dans Chrome (et peut-être dans d'autres navigateurs). Sur le référentiel github de react-router-dom, ils ont une page qui dit que les navigateurs commencent à gérer...
Guy, je suis confronté à un problème. J'ai une donnée bidimensionnelle. Les données ont une structure imbriquée qui contient des liens. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates",...
TL; DR Comment un composant parent peut-il savoir quand le rendu de chaque composant enfant en dessous est terminé et le DOM visible par l'utilisateur avec sa version la plus récente? Disons que j'en ai un component Aqui a un Gridcomposant enfant composé de 3x3composants petits - enfants. Chacun de...
J'ai créé un <If />composant fonctionnel simple en utilisant React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
J'ai eu l'erreur suivante lorsque j'ai exécuté mon projet sur le navigateur: Échec de la compilation: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. J'essaie d'implémenter le composant de saisie...
Je fais un crochet personnalisé qui a un Google lorsque certains changements d'état. Vous devriez pouvoir passer n'importe quel état dans un tableau. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false)...
J'essaie de compresser le code écrit avec Next.js en utilisant Gzip livrer avec Nginx et le serveur NodeJS. Il semble que la configuration fonctionne lorsque j'utilise curl -H "Content-Encoding: gzip"pour vérifier. Mais venez au vrai navigateur (Chrome, Firefox) Je ne trouve pas la...