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...

J'essaie d'avoir une page de filtre alimentaire dans laquelle l'utilisateur appuie sur des boutons pour indiquer sa préférence afin que, lors de la confirmation, je puisse avoir la préférence de l'utilisateur stockée comme sur un objet avec des clés "area", "cuisine" and "price". Après avoir essayé ....
18 juin 2020 à 11:32
J'ai besoin de placer l'icône de courrier et l'icône de mot de passe dans la zone de texte, comment aligner correctement les éléments Mon code js est: return ( <div className="container"> <div className="login"> <img src={pacifyr} alt="logo"/> <img src={En....
16 juin 2020 à 06:44
Pourquoi ce code ne déclenche-t-il le setInterval qu'une seule fois, puis s'arrête ... const MainBar = ()=> { const [clock, setClock] = useState("") useEffect(() => { const interval = setInterval(setClock(clockUpdate()), 1000); console.log('Im in useEffect', clock) }); ... Alors qu....
15 juin 2020 à 09:51
J'essaye de créer un objet basé sur l'entrée d'utilisateur. J'ai suivi jusqu'à maintenant. Cela me donne l'erreur suivante: Uncaught TypeError: impossible de lire la propriété 'fullname' de undefined const App = () => { let passengerObj = { "primary": { "fullname": "", ....
14 juin 2020 à 15:25
J'utilise flexbox, React Material dans mon application React et je voulais aligner la barre de recherche et le bouton d'effacement sur la même ligne et avec un espace l'un sur l'autre. S'il vous plaît voir ce lien CLIQUEZ ICI <div className={classes.searchBarSection}> <Paper component="form" ....
Im ayant quelques throubes essayant de rendre plusieurs pages et de réagir. Je suis nouveau dans react c'est pourquoi je regardais dans de nombreuses pages et tutoriels.j'utilise react, webpack, babel et eslint airbnb Quand je rend mon application de réaction ressemble à ceci comment rendre la page ....
Je développe actuellement un blog avec React, Node.js, Express, Sequelize, ... et je me suis posé une question: mes articles seront-ils indexés par les moteurs de recherche? Ou est-ce que seule la page d'accueil de mon site sera indexée? Par exemple, si j'ai un article Comment foo bar à l'URL blog....
J'ai du mal à créer un projet de réaction pour la première fois et je fais essentiellement npx create-react-app portfolio et voici le journal dans le terminal Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template... npm ERR! Unexpe....
13 juin 2020 à 17:32
J'utilise l'API React et Cockpit-project.org pour obtenir l'état du serveur physique. J'obtiens une bonne chaîne dans ma console quand elle renvoie l'état, mais le problème est que je veux que cela soit affiché dans ma page au lieu de la console, et j'ai une propriété de bouton pour que cela fasse e....
12 juin 2020 à 20:22
Je vais vous donner 2 versions d'un composant que j'ai écrit. Pourquoi le PREMIER me donne-t-il une boucle infinie, tandis que le second fonctionne bien? J'ai isolé le problème mais je me demande pourquoi la logique ne suit pas «sous le capot». Sans doute de la magie noire de useState //THROWS INFIN....
12 juin 2020 à 20:09
Code : Résultat : pas de données dans l'état aidez-moi pls, merci!....
12 juin 2020 à 17:16
Salut, j'essaie de récupérer les données d'un utilisateur de jsonplaceholder et de mettre à jour mon état avec ces données. Je n'ai eu aucun problème à récupérer les données et à les enregistrer sur la console. Mais quand j'essaye de setState, j'obtiens toujours un objet vide. J'apprécie toute aide.....
12 juin 2020 à 13:07
J'ai ce code ici: import React from 'react'; var article = { title: 'Hello World', } const App = () => { var {title} = article var html = `<header> <h1>${title}</h1> </header>` return <div>{html}</div>; } Et j'obtiens ceci dans la page comme <header> <h1>Hello World</h1> </header> ....
12 juin 2020 à 11:14
Code: const Game = () => { const [itemId, setItemId] = useState(''); const [letters, setLetter] = useState([]); const handleItemClick = (id) => { letters[letters.length - 1] === 'H' ? setLetters([...letters, 'L']) : setLetters([...letters, 'H']); setItemId(id); } ....
12 juin 2020 à 04:52
Dans REACT, j'ai trois div que je voudrais positionner côte à côte, séparés par une petite marge et centrés horizontalement sur l'écran. Lorsque la largeur de l'écran devient trop petite, je voudrais que le div le plus à droite se déplace sous les deux premiers divs, tout en restant centré horizonta....
11 juin 2020 à 20:29
J'ai le code suivant: import React from "react"; import TextField from "@material-ui/core/TextField"; import Autocomplete from "@material-ui/lab/Autocomplete"; import axios from "axios"; var config = { headers: { Accept: "application/json; odata=verbose", Authorization: "Bearer " + access....
11 juin 2020 à 16:41
J'essaye de définir une image d'arrière-plan dans une fonction map () mais je ne comprends pas quelle est la syntaxe correcte pour en ajouter une: J'ai une variable nommée value qui stocke le nom d'un fichier et je veux insérer uploads / dans mon backgroundImage car c'est le repli où je veux que....
11 juin 2020 à 14:54
J'ai cette fonction de flèche en réaction: const Welcome = ({subject, description}) => ( <div> <Person title={`Welcome ${subject}`}></Person> <Profile description={description}></Profile> </div> ) Et je voudrais convertir en une fonction es5 mais je ne parviens pas à la faire fonctionner: var W....
11 juin 2020 à 12:30
Je veux avoir un code qui change le nom du bouton lorsque je clique sur le bouton, et lorsque je clique à nouveau dessus, il change à nouveau son nom précédent. const [getName, setName] = useState(false); const handleNameChange = () => { setName(!getName); } <butt....
TextInput est un composant. Je souhaite définir une date actuelle pour la pièce avec formKey = {'signDate'} à l'aide du composant TextInput. J'ai partagé l'utilisation du composant ci-dessous. Si conditionnellement formKey = {'signDate'}, Je souhaite envoyer une date actuelle à la méthode changeSele....
11 juin 2020 à 09:34
J'ai des problèmes pour rendre les composants basés sur les appels API dans React. Je récupère mes données dans useEffect hook mettre à jour un état avec les données. L'état est nul pendant un certain temps avant que l'API n'obtienne toutes les données, mais à ce moment-là, les composants sont rendu....
11 juin 2020 à 01:23
J'ai un tableau comme: let arr = [ { label: "abc", value: 2, checked: true }, { label: "bcd", value: 1, checked: true }, { label: "cde", value: 4, checked: false },{ label: "def", value: 6, chec....
10 juin 2020 à 21:35
J'essaie de vérifier si un utilisateur a fait défiler vers le bas d'un document. Il existe une question populaire qui répond uniquement dans Jquery. Comment la réponse principale peut-elle être effectuée dans React? Jusqu'à présent, j'ai compris que l'équivalent de: $(window).height est: window.page....
10 juin 2020 à 17:02
Je suis nouveau pour réagir et j'ai du mal à comprendre ce morceau de code const handleChange = (filterAttribute: SearchableAttribute) => ( e: React.ChangeEvent<{}>, val: string[] ) => { const currentCriteria = { attribute: filterAttribute, values: val }; if (....
10 juin 2020 à 12:02
Ce que je souhaite, c'est que je souhaite afficher les fromUser s un par un, mais sans doublons . Donc si j'ai 2 messages du même John (même fromUserId), alors je veux que le nom de ce John n'apparaisse qu'une seule fois, car c'est le même John avec le même fromUserId. Puis une fois que je cliquais....
10 juin 2020 à 11:37