Questions marquées «reactjs»

React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript développée par Facebook pour créer des interfaces utilisateur. Il utilise un paradigme déclaratif basé sur les composants et vise à être à la fois efficace et flexible.

2
Sécurité inter-domaines popup OAuth React.js
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) et window.opener(comme on le sait, window.opener est nul en …
2
Erreur de compilation à l'aide de la fonctionnalité Composant Lab> Saisie semi-automatique pour les icônes SVG dans l'interface utilisateur des matériaux
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 semi - automatique (à partir de l'exemple dans la section "Valeurs multiples"). Voici le code que j'utilise: import …
3
Comment puis-je créer un composant React «If» qui agit comme un vrai «if» dans Typescript?
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 <>{props.children}</>; } return null; } Cela me permet d'écrire un code plus propre, …
3
Le menu n'ouvre pas une div d'index correcte
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", …
11 reactjs 
5
Comment résoudre «Impossible d'utiliser l'instruction d'importation en dehors d'un module» en plaisantant
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 regardé des questions et des documents similaires …
4
Manière correcte de gestion des erreurs dans React-Redux
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 façon de gérer …
11 reactjs  redux 
4
Meilleure façon de passer des paramètres dans le gestionnaire onClick
Ceci est mon composant J'utilise la fonction de flèche en ligne pour changer l'itinéraire onClickde div mais je sais que ce n'est pas un bon moyen en termes de performances 1. Fonction de flèche en ligne changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() => this.changeRoute("page1")}>1</div> …
4
La fabrique native.createnavigator n'est pas une fonction
Je vais concevoir une navigation Drawer dans mon projet. J'ai installé cela par cette commande: npm install @react-navigation/drawer Ensuite, j'ai importé ça dans App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Voici mon package.jsoncontenu: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": …
3
React useEffect en profondeur / utilisation de useEffect?
J'essaie de comprendre le useEffectcrochet en profondeur. Je voudrais savoir quand utiliser quelle méthode et pourquoi? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.