Domande taggate «reactjs»

React (noto anche come React.js o ReactJS) è una libreria JavaScript sviluppata da Facebook per la creazione di interfacce utente. Utilizza un paradigma dichiarativo basato sui componenti e mira a essere sia efficiente che flessibile.

10
Come evitare il wrapping aggiuntivo <div> in React?
Oggi ho iniziato ad imparare ReactJS e dopo un'ora ho affrontato il problema .. Voglio inserire un componente che ha due righe all'interno di un div sulla pagina. Un esempio semplificato di quello che sto facendo di seguito. Ho un html: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Funzione di rendering …
7
Nomi di percorso multipli per uno stesso componente in React Router
Sto usando lo stesso componente per tre percorsi diversi: &lt;Router&gt; &lt;Route path="/home" component={Home} /&gt; &lt;Route path="/users" component={Home} /&gt; &lt;Route path="/widgets" component={Home} /&gt; &lt;/Router&gt; C'è comunque da combinarlo, per essere come: &lt;Router&gt; &lt;Route path=["/home", "/users", "/widgets"] component={Home} /&gt; &lt;/Router&gt;
5
Come utilizzare React.forwardRef in un componente basato su classi?
Sto cercando di usare React.forwardRef, ma inciampo su come farlo funzionare in un componente basato su classi (non HOC). Gli esempi della documentazione utilizzano elementi e componenti funzionali, anche avvolgendo classi in funzioni per componenti di ordine superiore. Così, a partire da qualcosa di simile a questo nel loro ref.jsdocumento: …
13
Collegamento esterno React-Router
Dato che utilizzo il router per gestire i miei percorsi in un'app, sono curioso di sapere se esiste un modo per reindirizzare a una risorsa esterna. Di 'che qualcuno colpisce: example.com/privacy-policy Vorrei che reindirizzasse a: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Sto trovando esattamente zero aiuto nell'evitare di scriverlo in semplice JS al mio caricamento …
9
Recupero dei parametri di query dal frammento hash del router reattivo
Sto usando React e React-Router per la mia applicazione sul lato client. Non riesco a capire come ottenere i seguenti parametri di query da un URL come: http://xmen.database/search#/?status=APPROVED&amp;page=1&amp;limit=20 I miei percorsi assomigliano a questo (il percorso è totalmente sbagliato lo so): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; &lt;Route name="search" …
10
Qual è il modo migliore per attivare l'evento onchange in react js
Usiamo il bundle Backbone + ReactJS per creare un'app lato client. Facendo molto affidamento sul famigerato valueLink, propaghiamo i valori direttamente al modello tramite il proprio wrapper che supporta l'interfaccia ReactJS per l'associazione a due vie. Ora abbiamo affrontato il problema: Abbiamo un jquery.mask.jsplugin che formatta il valore di input …
112 reactjs 
7
Impossibile aggiungere il "wrapper" dell'attività poiché esiste già un'attività con quel nome
Durante l'installazione di 'react-native init AwesomeProject' ottengo questo errore quando eseguo react-native run-android: Could not determine java version from '11.0.1'. Un rapido google suggerisce che devo aggiornare distributionUrlnel Gradle-wrapper. Fatto ciò, mi trovo di fronte a un nuovo errore: Cannot add task 'wrapper' as a task with that name already …
7
Qual è lo scopo delle doppie parentesi graffe nella sintassi JSX di React?
Dal tutorial di react.js vediamo questo utilizzo delle doppie parentesi graffe: &lt;span dangerouslySetInnerHTML={{ __html: rawMarkup }} /&gt; E poi nel secondo tutorial, "Thinking in react" : &lt;span style={{ color: 'red' }}&gt; {this.props.product.name} &lt;/span&gt;; Tuttavia, la documentazione di React JSX non descrive o menziona le doppie parentesi graffe. A cosa serve …
10
<div> non può apparire come discendente di <p>
Lo sto vedendo. Non è un mistero di cosa si lamenta: 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. Sono l'autore di SomeComponente SomeOtherComponent. Ma quest'ultimo utilizza una dipendenza esterna ( ReactTooltipda react-tooltip). Probabilmente non …
112 reactjs 
6
Impossibile digitare nel campo di testo di input di React
Sto provando il mio primo bit di React.js e sono perplesso all'inizio ... Ho il codice qui sotto, che rende un modulo di ricerca in &lt;div id="search"&gt;&lt;/div&gt;. Ma la digitazione nella casella di ricerca non fa nulla. Presumibilmente sta perdendo qualcosa passando gli oggetti di scena e lo stato su …
9
ReactJS: "Uncaught SyntaxError: Unexpected token <"
Sto cercando di iniziare a creare un sito in ReactJS. Tuttavia, quando ho provato a mettere il mio JS in un file separato, ho iniziato a ricevere questo errore: "Uncaught SyntaxError: Unexpected token &lt;". Ho provato ad aggiungere /** @jsx React.DOM */all'inizio del file JS, ma non ha risolto nulla. …
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.