La programmation reactjs

1

Passer le lien de react-router-dom dans une bibliothèque externe

Je rend des composants à partir de ma bibliothèque de modèles externe (node_modules). Dans mon application principale, je passe mon Linkinstance de react-router-domdans le composant de mes bibliothèques externes comme suit: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: …

10 javascript reactjs react-router-dom

4

Comment obtenir les détails de la base de données utilisateur liés à un utilisateur dans Firestore?

J'essaie de comprendre comment obtenir un nom d'utilisateur qui est un attribut stocké dans une collection d'utilisateurs, qui a été fusionné avec les attributs créés par le modèle d'authentification Firebase. Je peux accéder à authUser - ce qui me donne les champs limités que Firebase recueille dans l'outil d'authentification, puis …

10 reactjs firebase google-cloud-firestore firebase-authentication

1

Gestion des erreurs avec react-apollo useMutation hook

J'ai essayé de comprendre ce problème, mais je n'ai pas trouvé de réponse solide. J'essaie d'exécuter une mutation de connexion à l'aide du hook useMutation. TLDR; Je veux savoir quelle est exactement la différence entre le onError passé dans les options et l'erreur qui m'a été donnée par useMutation Voici …

10 reactjs graphql react-apollo apollo-client

1

Extra Pop-up lors de la demande d'autorisation Google Agenda

Google affiche les 3 popups ci-dessus aux utilisateurs lorsqu'ils essaient de s'inscrire en utilisant google sur mon site Web, mais il ne m'affiche pas la même popup lorsque j'essaie de m'inscrire. Ce que je vois, c'est juste - Ces 3 fenêtres contextuelles distinctes provoquent d'énormes pertes de mon site Web. …

10 reactjs google-calendar-api google-signin google-apps google-login

6

React - afficher un horodatage Firestore

J'essaie de comprendre comment afficher un horodatage Firestore dans une application React. J'ai un document Firestore avec un champ nommé createdAt. J'essaie de l'inclure dans une liste de sortie (en extrayant les bits pertinents ici afin que vous n'ayez pas à lire toute la liste des champs). componentDidMount() { this.setState({ …

10 javascript reactjs firebase google-cloud-firestore unix-timestamp

4

componentWillReceiveProps a été renommé

J'utilise Material ui SwipeableViews qui utilise le package ReactSwipableView, je reçois cette erreur sur la console react-dom.development.js: 12466 Avertissement: componentWillReceiveProps a été renommé et son utilisation n'est pas recommandée. Voir pour plus de détails. Déplacez le code d'extraction de données ou les effets secondaires vers componentDidUpdate. Si vous mettez à …

10 reactjs

1

X-Content-Encoding-Over-Network dans l'en-tête de réponse mais pas Content-Encoding

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 Content-Encoding: gzippropriété dans les en-têtes de réponse. …

10 node.js reactjs nginx gzip next.js

1

Comment créer un hook personnalisé qui récupère les dépendances?

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) useEffect(() => { setToggle(t => !t) }, …

10 reactjs react-native eslint react-hooks

1

TypeError: (0, _react.useEffect) n'est pas une fonction

dans l'environnement de développement, mon application fonctionne très bien. Dans l'environnement de production, il se bloque avec l'erreur: Uncaught TypeError: (0 , _react.useEffect) is not a function Cela se produit dans un fichier que j'ai créé où j'importe React et useEffect comme ceci: import React, { useEffect } from 'react' …

9 javascript reactjs react-hooks parceljs

2

React-Redux - API Hooks

J'essaie de configurer ma nouvelle application react-redux pour utiliser les nouvelles fonctionnalités de React-Redux. La documentation officielle dit React Redux propose désormais un ensemble d'API hook comme alternative au composant d'ordre supérieur connect () existant. J'ai essayé de trouver des articles d'aide liés à l'API Hooks avec de vrais exemples, …

9 reactjs typescript redux react-redux

4

Changer l'état dynamiquement en fonction de la connectivité Internet externe - React (hors ligne / en ligne)

J'ai un composant React, qui inclut l'indicateur de disponibilité de la connectivité Internet. Les éléments de l'interface utilisateur doivent être modifiés dynamiquement en fonction de l'état en temps réel. De plus, les fonctions se comportent différemment avec le changement de drapeau. Mon implémentation actuelle interroge l'API distante en utilisant Axios …

9 javascript reactjs axios

4

Parties de la frontière div coupées

J'ai un élément de conteneur qui contient quelques autres éléments, mais en fonction de la taille de l'écran, certaines parties sont inexplicablement coupées en différentes parties. Vous pouvez observer le comportement sur mon lien sandbox de code, lorsque la page HTML est ajustée en largeur (en cliquant et en la …

9 javascript css reactjs

3

React Typescript: ligne 0: erreur d'analyse: impossible de lire la propriété «nom» de non défini

Aujourd'hui, tout à coup, j'ai commencé à obtenir des erreurs de construction sur un projet construit avec Typescript. Dans un fichier qui (ou quoi qu'il fasse référence) n'a pas été modifié depuis des semaines, j'ai commencé à obtenir: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Cette …

9 reactjs typescript create-react-app react-scripts react-typescript

1

Rendu jquery datatable à l'intérieur de React-pivottable

J'ai implémenté react-pivottableje voulais juste savoir s'il existe un moyen d'afficher l'ensemble des données dans la vue de table de données jQuery c'est-à-dire que j'ai quelques colonnes qui veulent toutes les afficher sous forme de tableau pour les données suivantes ci-dessous [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType', 'GradientInterfaceType', …

9 jquery reactjs database datatable pivot-table

2

Impossible de tester les méthodes de publication avec Jest en raison d'une erreur ne peut pas lire mockImplementation of undefined

J'ai un service api où j'ai différentes méthodes pour appeler les API. J'ai testé avec succès toutes les demandes GET mais j'ai des problèmes pour tester les demandes POST. Voici la méthode: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: …

9 javascript reactjs testing ecmascript-6 jestjs

Questions marquées «reactjs»