Pour des questions sur la syntaxe JSX utilisée par React.js, Vue et d'autres cadres JavaScript frontaux qui permettent aux littéraux XML en ligne d'être utilisés en JavaScript pour décrire les éléments HTML. Si votre question concerne l'implémentation étendue d'Adobe de JavaScript (ExtendScript) qui est au moins cinq ans plus ancienne que React.js, utilisez plutôt la balise [ExtendScript].

jsx...

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'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'ai deux fichiers .js dans lesquels je définis deux composants différents: A.js et B.js . J'ai une constante nommée value définie dans B.js qui utilise le crochet UseState , donc quand j'essaie de import B dans A .js Je souhaite accéder à une constante définie dans B.js . Voici mon code po....
J'ai créé une barre latérale dans React, et je l'ai conçue pour que lorsque je clique sur un lien, elle devienne activée. Cependant, je veux qu'ils soient désactivés une fois cliqué sur un autre lien, comment y parvenir? class Sidebar extends Component { state = { NavOneActive: false, ....
2 avril 2020 à 14:30
J'ai créé un composant appelé "componentRepeater" qui a pour tâche de rendre plusieurs instances d'un composant enfant. Les accessoires que contient "componentRepeater" incluent les accessoires pour les composants enfants et le nombre de répétitions du composant enfant et la chaîne (y compris les ac....
30 mars 2020 à 18:48
Salut tout le monde. J'ai: import React,{useState, useEffect} from 'react' /* Styles */ import css from './MyComponent.module.sass' const MyComponent= ({children, className, ...props}) => { const onOver = (e) => { console.log(e.target.offsetLeft); } //And here i need to add ....
26 mars 2020 à 19:18
Question pour débutant, mais j'essaie d'exécuter un test pour voir comment passer la valeur de l'option sélectionnée. J'essaie actuellement de consigner la valeur de l'option sélectionnée, dans ce cas, valeur = '2' ou valeur = '4'. Tout conseil ou orientation dans la bonne direction serait grandemen....
25 mars 2020 à 11:03
J'ai du mal à combiner un texte et un style CSS après pour className après un ternaire / conditionnel. J'ai regardé tant d'exemples différents mais rien ne semble fonctionner. <div className={key === active ? ({ 'column ' + styles.Active}) : ('column ')} key={key}> Quelqu'un peut-il me montrer comm....
19 mars 2020 à 06:52
Nous intégrons des composants React dans notre site Web. Il existe certains styles de base qui s'appliquent à nos boutons, qui proviennent de l'agent utilisateur (comme le contour sur le focus) et de l'environnement HTML / CSS dans lequel nous incorporons nos composants React. Nous voulons que nos c....
17 mars 2020 à 19:15
J'ai un composant fonctionnel dans mon application React qui effectue un appel API et reçoit une réponse comprenant deux méthodes de contact Numéro de téléphone et E-mail et les affiche à côté de leur icône respective. Certaines réponses peuvent n'avoir qu'une ou l'autre méthode de contact ou au....
Je suis nouveau sur Typscript avec React et je reçois ce message d'erreur sur mon élément d'inspection de la console Google. J'ai vérifié de nombreux messages à ce sujet, mais je n'arrive pas à comprendre ce qui s'est mal passé ici. Quelqu'un peut-il m'aider à rectifier l'erreur dans mon code? inde....
8 janv. 2020 à 16:22
Je fais une application web pour visualiser les algorithmes de recherche de chemin en utilisant react. J'ai actuellement l'algorithme de Dijkstra implémenté. Cependant, lorsque j'ai transmis une copie de mon tableau de grille initial à mon algorithme de recherche de chemin, le tableau d'origine est ....
8 janv. 2020 à 01:02
Comment encapsuler un de mes retours dans une fonction .map dans un seul div contenant? Je sais que je pourrais envelopper le .map entier dans un div mais j'ai deux retours différents dans le .map parce que j'ai une instruction if qui vérifie si un nom de type graphQL existe. Mon problème est que je....
4 janv. 2020 à 03:53
import React, { Component } from "react"; import { tsParenthesizedType } from "@babel/types"; class Counter extends Component { constructor(props) { super(props); this.myFunction = this.myFunction.bind(this); } state = { bgcolor: "" }; styleQuestion = { backgroundColor: this.state....
4 janv. 2020 à 01:23
J'essaie de configurer un simple effet de survol de l'icône au texte pour mon site Web de portefeuille dans React. Lorsque je le configure, il modifie TOUTES les icônes en survol, je veux juste changer une icône à la fois. export default class Home extends Component { constructor(props) { supe....
3 janv. 2020 à 07:52
Je suis nouveau sur React.JS. J'essaye une disposition très simple mais elle donne une erreur au parantehsis avant "ce" mot clé. Pourquoi cela donne-t-il l'erreur? Toute aide serait appréciée. import React, { Component } from 'react'; import { Col, Grid, Row } from 'react-bootstrap'; import { NavMen....
2 janv. 2020 à 20:38
Je fais donc une application React qui récupère les paroles des chansons d'une API L'API me donne un lyrics_body qui est une chaîne et je l'utilise pour afficher les paroles sur la page, le problème est que ce n'est pas particulièrement agréable à regarder lorsque Reaper le rend parce que l'API me d....
31 déc. 2019 à 20:00
J'ai une fonction dans JSX qui stocke la valeur obtenue d'un database ainsi: const data = JSON.parse(xhr.responseText); this.setState({ data: data }); Le format de réponse est: [{"id":4,"name":"Avengers: Infinity War","year":2018},{"id":5,"name":"Thor: Ragnarock","year":2017},{"id":6....
28 déc. 2019 à 03:34
existe-t-il un moyen en Javascript (jsx pour react native) d'attribuer une valeur d'objet conditionnelle? quelque chose comme ça startDate = 5 var daysgo = 30 //it has to be an obj startDate={(startDate != null) ? startDate : daysgo} console.log(startDate) // it should either print 5 or 30 if s....
23 déc. 2019 à 07:56
class Uploader extends React.Component { constructor(props) { super(props); this.state = { data: '', name:'', loading: false } } } Ceci est la fonction où je charge la valeur dans this.state.load onChange(e) { let files = e.target.....
21 déc. 2019 à 18:03
Débutant à réagir, Je crée une petite application React et les images du Web ne se chargeront pas. J'ai essayé de charger un svg local comme je le fais dans la barre de titre, mais ne chargerai pas trop. Le problème que je fais le processus est-il dans une const? Le but principal est d'obtenir les i....
20 déc. 2019 à 18:17
Je génère un dl dans React: <dl> { highlights.map((highlight, i) => { const count = text.split(highlight).length - 1; return ( <> <dt key={`dt-${i}`}>{highlight}</dt> <dd key={`dd-${i}`}>{count}</dd> ....
18 déc. 2019 à 14:22
J'essaie d'appliquer un <Fade /> à un bloc de code dans le rendu, mais uniquement si this.state.ContextNewJobFade est faux. j'ai lu Comment envelopper conditionnellement un composant React? complètement et ne sais toujours pas comment l'implémenter avec mon code. EDIT post solution: je crois que cet....
16 déc. 2019 à 18:38
Maintenant, j'essaie de récupérer des données de l'API en utilisant axios et React JS. Mais quand j'utilise ce code, j'ai cette erreur: TypeError: this.state.countries.map is not a function J'ai des données d'état: [] et j'essaie de définir les valeurs de l'URL dans l'état. Donc mon code comme ça: ....
16 déc. 2019 à 09:37
Dans un composant React, je génère une liste de <option> pour <select>. Cela se fait dans ComponentDidMount() et est stocké dans l'état local. Cette liste est ensuite rendue. Cependant, chaque <option> est placé entre guillemets doubles, ce qui fait que les options ne sont pas affichées sur la page.....
16 déc. 2019 à 05:48