La programmation reactjs

10

Les fichiers prédéfinis ne sont pas autorisés à exporter des objets

J'ai un fichier carrousel dans lequel je veux obtenir index.jset construire block.build.js, donc mon webpack.config.jsest: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …

87 reactjs webpack babeljs

4

Comment puis-je répondre à la largeur d'un élément DOM à taille automatique dans React?

J'ai une page Web complexe utilisant des composants React et j'essaie de convertir la page d'une mise en page statique en une mise en page plus réactive et redimensionnable. Cependant, je continue à rencontrer des limitations avec React et je me demande s'il existe un modèle standard pour gérer ces …

86 javascript reactjs responsive

13

Comment définir une valeur par défaut dans react-select

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)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); et voici comment je le rend: <div …

86 reactjs default-value react-select

5

ERREUR dans Impossible de trouver le module 'babel-core'. en utilisant react.js, webpack et serveur express

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: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …

84 javascript express reactjs webpack babeljs

15

Impossible de trouver le plugin "proposition-séparateur-numérique"

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 "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at …

61 reactjs build yarnpkg

7

React-Native un autre conteneur soutenu par VirtualizedList

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 VirtualizedList-backed containerque je devrais utiliser, et pourquoi est-il maintenant conseillé …

39 javascript reactjs react-native

4

Pourquoi React Hook useState utilise const et not let

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 count?

33 javascript reactjs ecmascript-6 react-hooks

4

useState hook setter écrase incorrectement l'état

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 2 en …

31 javascript reactjs react-hooks

7

Impossible de convertir l'objet en erreur de valeur primitive dans l'application React?

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 j'utilise une barre de navigation effondrée …

27 javascript jquery reactjs bootstrap-4

3

Écouteur Firebase avec React Hooks

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 firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) …

27 javascript reactjs firebase google-cloud-firestore react-hooks

7

Erreur d'application React: échec de la construction de «WebSocket»: une connexion WebSocket non sécurisée ne peut pas être établie à partir d'une page chargée via HTTPS

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 d'une page chargée …

25 node.js reactjs

3

const App: () => React $ Node = () => {…}: que signifie cette instruction?

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 = () => {...}, donc je ne comprends …

23 javascript reactjs react-native

7

Impossible de faire fonctionner le sélecteur de date ui-matériel

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 stackblitz avec …

19 javascript reactjs material-ui material-ui-pickers

2

Fuites de mémoire de nettoyage sur un composant non monté dans les crochets React

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 connaissez pas …

19 javascript reactjs promise inertia

3

Impossible de lire la propriété «historique» de non défini (hook useHistory de React Router 5)

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: Uncaught TypeError: Cannot …

18 reactjs react-router react-hooks react-router-dom react-context

Questions marquées «reactjs»