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.

7
Plusieurs noms de chemin pour un même composant dans React Router
J'utilise le même composant pour trois itinéraires différents: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Y a-t-il de toute façon le combiner, pour être comme: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
10
Comment éviter un wrapping supplémentaire <div> dans React?
Aujourd'hui, j'ai commencé à apprendre ReactJS et après une heure confronté au problème .. Je veux insérer un composant qui a deux lignes à l'intérieur d'un div sur la page. Un exemple simplifié de ce que je fais ci-dessous. J'ai un html: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Fonction de …
13
Lien externe React-Router
Puisque j'utilise react-router pour gérer mes itinéraires dans une application react, je suis curieux de savoir s'il existe un moyen de rediriger vers une ressource externe. Dites que quelqu'un frappe: example.com/privacy-policy Je voudrais qu'il redirige vers: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Je ne trouve aucune aide pour éviter de l'écrire en JS brut à …
5
Comment utiliser React.forwardRef dans un composant basé sur une classe?
J'essaie d'utiliser React.forwardRef, mais je trébuche sur la façon de le faire fonctionner dans un composant basé sur une classe (pas HOC). Les exemples de documentation utilisent des éléments et des composants fonctionnels, et même des classes d'encapsulation dans des fonctions pour des composants d'ordre supérieur. Donc, en commençant par …
9
Obtention des paramètres de requête à partir du fragment de hachage react-router
J'utilise react et react-router pour mon application côté client. Je n'arrive pas à comprendre comment obtenir les paramètres de requête suivants à partir d'une URL comme: http://xmen.database/search#/?status=APPROVED&amp;page=1&amp;limit=20 Mes itinéraires ressemblent à ceci (le chemin est totalement faux je sais): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; &lt;Route name="search" path="?status=:status&amp;page=:page&amp;limit=:limit" handler={SearchDisplay}/&gt; …
11
Quelle est la meilleure façon de déclencher un événement onchange dans react js
Nous utilisons le bundle Backbone + ReactJS pour créer une application côté client. En s'appuyant fortement sur des notoires, valueLinknous propagons les valeurs directement au modèle via notre propre wrapper qui prend en charge l'interface ReactJS pour la liaison bidirectionnelle. Maintenant, nous avons fait face au problème: Nous avons un …
112 reactjs 
7
Impossible d'ajouter la tâche «wrapper» car une tâche avec ce nom existe déjà
Lors de l'installation de 'react-native init AwesomeProject', j'obtiens cette erreur lorsque je lance react-native run-android: Could not determine java version from '11.0.1'. Un rapide google suggère que je dois mettre à jour le distributionUrldans le Gradle-wrapper. Après avoir fait cela, je suis confronté à une nouvelle erreur: Cannot add task …
7
À quoi servent les doubles accolades dans la syntaxe JSX de React?
À partir du didacticiel react.js, nous voyons cette utilisation des doubles accolades: &lt;span dangerouslySetInnerHTML={{ __html: rawMarkup }} /&gt; Et puis dans le deuxième tutoriel, "Penser en réagir" : &lt;span style={{ color: 'red' }}&gt; {this.props.product.name} &lt;/span&gt;; Cependant, la documentation React JSX ne décrit ni ne mentionne les doubles accolades. A quoi …
10
<div> ne peut pas apparaître comme un descendant de <p>
Je vois ça. Ce dont il se plaint n'est pas un mystère: Warning: validateDOMnesting(...): &lt;div&gt; cannot appear as a descendant of &lt;p&gt;. See ... SomeComponent &gt; p &gt; ... &gt; SomeOtherComponent &gt; ReactTooltip &gt; div. Je suis l'auteur de SomeComponentet SomeOtherComponent. Mais ce dernier utilise une dépendance externe ( ReactTooltipde …
112 reactjs 
7
HashRouter vs BrowserRouter
Je suis nouveau dans la programmation, ce qui rend les choses légèrement difficiles à comprendre si je lis la documentation officielle. Je lisais à propos de React Router 4 d'ici Dans cet article, l'auteur parlait de &lt;HashRouter&gt;et&lt;BrowserRouter&gt; C'est ce qu'il a mentionné HashRouter utilise essentiellement le hachage dans l'URL pour …
112 reactjs 
6
Impossible de taper dans le champ de texte de saisie React
J'essaye mon premier morceau de React.js et je suis perplexe au début ... J'ai le code ci-dessous, qui rend un formulaire de recherche dans &lt;div id="search"&gt;&lt;/div&gt;. Mais taper dans le champ de recherche ne fait rien. Il manque probablement quelque chose en passant les accessoires et l'état de haut en …
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.