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.

reactjs...

Je suis nouveau pour réagir. J'ai besoin de passer un tableau à un autre component via props mais j'ai un problème dans Component1 this.state={ data:[], //some values inside both it col:[] } <Component2 data={[...this.state.data]} col={[...this.state.col]}/> dans Component2 construct....
5 mai 2020 à 15:37
J'ai une carte d'un pays (SVG) et je veux mettre en évidence une province / un état lorsque je survole, en changeant sa couleur / son remplissage. J'ai implémenté cela, mais le problème est que onMouseEnter met en évidence la carte entière et pas seulement l'état que j'ai sélectionné. Ce que je veux....
3 mai 2020 à 03:30
J'ai donc un tableau d'invitations d'un certain utilisateur (invitations qu'il a reçues d'autres utilisateurs). Et je veux que le frontend trie ces invitations selon leur statut. 4 catégories possibles, expirées, complétées, acceptées et en attente. Les invitations sont récupérées en tant qu'objets ....
25 avril 2020 à 00:49
Je suis très nouveau pour react.js. J'ai besoin d'implémenter un constructeur et plus de fonctions que je connais dans Class. Voici donc le code que je veux convertir la fonction flèche en classe. Aidez-moi, je suis très très nouveau sur React.js const CreateArea = () => { const [cont....
24 avril 2020 à 20:19
J'essaie de rendre un élément html à rendre en fonction de la valeur de retour d'une fonction asynchrone / attendre. Je n'arrive pas à le faire fonctionner correctement. Ci-dessous la fonction asynchrone appelée const isAuthorized= async() => { const isAuthorized = await Promise.resolve().then(() ....
23 avril 2020 à 16:22
En ce moment, j'ai un composant basé sur une classe, mais je veux convertir mon composant en fonction. Le code est ci-dessous ici. J'ai coché toutes les cases écrites dans un composant basé sur une classe. mais maintenant je veux convertir ce composant en fonction, j'ai changé toutes les méthodes et....
18 avril 2020 à 12:04
J'essaie de récupérer une série de données api. selon les données api ci-dessous, chaque série a ses propres données, par exemple une série "bannerData" a son id de données, banner_title ... et la série suivante "homecatData" a ses données comme id, category_title ... et ainsi de suite jusqu'à derni....
18 avril 2020 à 06:11
Il semble que cet ensemble de codes ne met pas à jour mon état, et je ne sais pas pourquoi! L'API renvoie 100% VRAI (comme vu depuis axios console.log). Merci d'avance pour l'aide! import React, { Component } from 'react'; import axios from 'axios'; export class Test extends Component { state = { ....
18 avril 2020 à 05:09
J'ai ce tableau: <Table hover bordered striped responsive size="sm"> <thead> <tr> <th>Nom du fichier</th> <th>Date et heure d'ajout</th> </tr> </thead> <tbody> {this.state.fi....
8 avril 2020 à 12:24
J'ai cloné un projet React qui contient le package.json suivant. Après yarn, yarn start m'a donné l'erreur suivante. J'ai essayé yarn add react-scripts start, mais cela n'a toujours pas fonctionné. J'utilise MacOS. Quelqu'un pourrait-il aider? $ yarn start yarn run v1.21.1 $ SET PORT=8000 && react-s....
8 avril 2020 à 11:06
J'utilise react-native et j'essaie de transmettre des données au composant enfant, puis je souhaite utiliser la méthode de carte pour afficher les données utilisateur avec une valeur clé. Donc, j'obtiens ces données après avoir créé un tableau à partir d'un objet, comment dois-je le détruire pour o....
8 avril 2020 à 10:42
Je suis nouveau dans React et supposons que nous ayons le morceau de code suivant. const showDetails = () => { console.log('Show details') } const template = ( <div> <h1>Vibility Toggle</h1> <button onClick={showDetails}>Show details</button> </div> ) var app = documen....
8 avril 2020 à 07:45
J'ai essayé Axios avec React Native, mais j'ai des problèmes. La flatList ne rend pas les données et me donne un avertissement "avertissement: chaque enfant dans une liste doit avoir un accessoire" clé "unique." Je recherche en ligne depuis quelques heures et je ne trouve pas de solution. La chose l....
J'essaie de créer un tableau de bord pour une application de quiz. Après avoir répondu à une question, l'index est mis à jour. Voici le code du composant. export const ScoreBoard = ({ result, index }) => { const [score, setScore] = useState(0) const [total, setTotal] = useState(0) const ....
8 avril 2020 à 02:03
J'ai créé ce codesandbox et voici le code: import React, { ReactNode, useState } from "react"; import { Formik, FormikConfig, FormikProps, Form, FormikErrors } from "formik"; import { useEffect } from "react"; import { scrollToValidationError } from "./scrollToValidationError"; // const isEmpty = (....
7 avril 2020 à 23:44
Je suis novice en ce qui concerne ReactJS. J'essaie de créer un composant de page, qui a un composant de navigation et d'autres div à l'intérieur. Mais je veux que le composant de page soit un parent du contenu de la page. Cela ressemblerait à quelque chose comme ceci: <Page> <h1>Hello World</h1....
7 avril 2020 à 23:37
Je construis une petite application React. La tâche principale consiste à créer une application sur les pokémons avec PokeApi. Lorsque je clique sur pokeCard, ma barre latérale doit afficher les informations principales sur pokemon. Donc, je veux être affiché le nombre de pokemon. Comment nous le sa....
Le upcomingWork contient mes données d'API, ce que je veux ici, c'est l'insérer comme un tableau pour l'afficher sur mon calendrier, voici l'exemple de données structurées que je veux. En fait, le upcomingWork contient beaucoup d'attributs mais je veux juste que ces trois attributs l'afficher sur mo....
7 avril 2020 à 22:00
Je suis en train de refactoriser une application React basée sur une classe précédemment conçue pour qu'elle soit fonctionnelle avec l'utilisation de Hooks. C'est une simple application de boîte à rythmes. J'utilise .map pour remplir la page à partir d'un tableau d'objets contenant les données pour ....
7 avril 2020 à 20:19
J'ai un composant que je voudrais revenir aux valeurs du constructeur lors d'un nouveau tir. Pendant que ce code fonctionne, existe-t-il une meilleure façon d'écrire ceci syntaxiquement? class DoubleClick extends Component { constructor(props) { super(props) this.state = { ....
7 avril 2020 à 19:56
J'essaye d'importer chaque icône en utilisant le paquet 'react-icons'. Son importation est très bien, mais lorsque j'essaie de les utiliser comme composant dans ma boucle, il n'affiche rien. import * as fa from "react-icons/fa"; {Object.values(fa).forEach((value) => { <value/> })} Je ne voulais ....
7 avril 2020 à 19:56
J'essaie d'avoir un formulaire en ligne, où l'étiquette est laissée au contrôle qui ne semble pas être l'utilisation par défaut de divers composants de formulaire. Jusqu'à présent, cela fait l'affaire: <Grid container spacing={0}> <Grid item xs={12}> <FormControlLabel label="....
7 avril 2020 à 17:28
J'essaie de récupérer des données, ou dans ce cas, une blague d'un reste api en faisant une xhlhttprequest. La blague est un objet unique. J'ajoute la blague unique qui est récupérée dans le tableau d'état que j'ai initialisé. Cependant, la blague n'est pas affichée dans le navigateur et dans la con....
7 avril 2020 à 16:57
C'est un problème vraiment étrange que j'essaie de déboguer aujourd'hui; Lorsque le composant monte, je reçois les notifications pour les afficher comme ceci componentDidMount() { this.setState( { notifications: this.props.notifications, } ); } Et puis j'ai essayé de....
7 avril 2020 à 16:32
Je souhaite générer des entrées basées sur json, donc d'abord je le mets à l'état initial, puis dans le composant enfant, je veux modifier son champ, le problème est que le composant ne se met pas à jour ... Il s'affiche une fois et n'a aucune idée de comment le faire être mis à jour à chaque fois q....
7 avril 2020 à 15:29