J'ai un problème avec react-select. J'utilise le formulaire redux et j'ai rendu mon composant react-select compatible avec le formulaire redux. Voici le code: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)}...
Chaque fois que je cours webpackdans le terminal, j'obtiens: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Voici mon fichier webpack.config.js module.exports = { entry: './app-client.js', output: { filename:...
Comment résoudre ce problème Could not find plugin "proposal-numeric-separator", j'obtiens cette erreur lorsque j'essaie de créer mon application React, je n'ai pas encore éjecté l'application: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin...
Après la mise à niveau vers la version 0.61 native de React, je reçois de nombreux avertissements comme celui-ci: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Quel est l'autre
La manière standard d'utiliser un crochet React useState est la suivante: const [count, setCount] = useState(0); Cependant, cette const countvariable va clairement être réaffectée à une valeur primitive différente. Pourquoi alors la variable n'est-elle pas définie comme let...
Voici le problème: j'essaie d'appeler 2 fonctions en cliquant sur un bouton. Les deux fonctions mettent à jour l'état (j'utilise le hook useState). La première fonction met correctement à jour value1 en 'new 1', mais après 1s (setTimeout) la deuxième fonction se déclenche, et elle change la valeur...
J'essaie de comprendre comment utiliser un écouteur Firebase afin que les données du cloud firestore soient actualisées avec les mises à jour de hooks de réaction. Initialement, j'ai fait cela en utilisant un composant de classe avec une fonction componentDidMount pour obtenir les données du...
Je développe une simple application de démarrage react-spring, mais en raison d'un problème avec GitHub, je recrée mes fichiers de démarrage d'application à l'aide d'IntelliJ et installe les modules de nœud à l'aide des données de dépendance du fichier package.json de l'application précédente. Si...
Je déploie une application React mais j'obtiens une étrange erreur lorsque je visite la page via https. Lorsque je visite la page via https, je reçois l'erreur suivante: SecurityError: Echec de la construction de 'WebSocket': Une connexion WebSocket non sécurisée ne peut pas être initiée à partir...
le react-native init ProjectName, le fichier d'application principal App.jscontient la déclaration d'un composant de la manière suivante: const App: () => React$Node = () => {...} Que signifie cette instruction? Je veux dire, je suis habitué aux composants définis comme const App = () =>...
Pour une raison quelconque, je ne parviens pas à faire fonctionner le sélecteur de date matériel-ui . Chaque fois que le sélecteur de date est rendu dans React, l'erreur suivante est générée: RangeError: la chaîne de formatage contient un caractère d'alphabet latin non échappé n J'ai créé un...
Je suis nouveau avec React, donc cela peut être très simple à réaliser, mais je ne peux pas le comprendre par moi-même même si j'ai fait des recherches. Pardonnez-moi si c'est trop stupide. Le contexte J'utilise Inertia.js avec les adaptateurs Laravel (backend) et React (front-end). Si vous ne...
J'utilise le nouveau crochet useHistory de React Router, qui est sorti il y a quelques semaines. Ma version de React-router est 5.1.2. My React est à la version 16.10.1. Vous pouvez trouver mon code en bas. Pourtant, lorsque j'importe le nouveau useHistory de react-router, j'obtiens cette erreur:...
J'utilise le crochet UseHistory dans le routeur React v5.1.2 avec tapuscrit? Lors de l'exécution du test unitaire, j'ai un problème. TypeError: Impossible de lire la propriété «historique» de non défini. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history';...
Je fais référence à la documentation de React Material-UI ( https://material-ui.com/components/autocomplete/ ). Dans le code de démonstration, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => (...
J'écris un projet React en code VS. J'ai rencontré ce problème dans le code VS. Dans mon projet, ce dossier affiche Contient des éléments mis en évidence et je sais que cela signifie qu'il y a une erreur dans mes fichiers. Mais dans l'image , J'ai vérifié tous les fichiers mais aucune erreur n'a...
J'ai écrit un bouton personnalisé ( MyStyledButton) basé sur material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) {...
J'ai une application React (app A), créée il y a environ 2 ans à l'aide de create-react-app, et elle est éjectée. L'application est exportée en tant que module commonjs2 et expédiée dans un package NPM, pour être utilisée dans un projet next.js (application B). Tout s'est bien passé jusqu'à ce que...
Je suis nouveau dans Next.js et je me demande comment rediriger de la page de démarrage ( / ) vers / hello-nextjs par exemple. Une fois que l'utilisateur a chargé une page et après cela, déterminez si le chemin === / redirige vers / hello-nextjs Dans react-router, nous faisons quelque chose comme:...
J'ai récemment commencé à utiliser TypeScript avec Expo. J'ai fait toutes les intégrations linter / formatter comme typescript-eslintpour que je puisse attraper la plupart des erreurs pendant le codage. Pour vérifier si le code se compile, je lance de npx tsctemps en temps et corrige en...