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.

14
Aggiorna lo stile di un componente onScroll in React.js
Ho creato un componente in React che dovrebbe aggiornare il suo stile sullo scroll della finestra per creare un effetto di parallasse. Il rendermetodo del componente è simile al seguente: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, …
11
Come usare Redirect nel nuovo react-router-dom di Reactjs
Sto usando l'ultima versione del modulo React-Router, chiamata React-Router-Dom, che è diventata l'impostazione predefinita durante lo sviluppo di applicazioni web con React. Voglio sapere come fare un reindirizzamento dopo una richiesta POST. Ho creato questo codice, ma dopo la richiesta non succede nulla. Esamino sul web, ma tutti i dati …
10
Rimozione dell'elemento dall'array nello stato del componente
Sto cercando di trovare il modo migliore per rimuovere un elemento da un array nello stato di un componente. Dal momento che non dovrei modificare this.statedirettamente la variabile, c'è un modo migliore (più conciso) per rimuovere un elemento da un array rispetto a quello che ho qui ?: onRemovePerson: function(index) …
6
setState () all'interno di componentDidUpdate ()
Sto scrivendo uno script che sposta il menu a discesa sotto o sopra l'input a seconda dell'altezza del menu a discesa e della posizione dell'input sullo schermo. Inoltre voglio impostare il modificatore sul menu a discesa in base alla sua direzione. Ma l'uso setStateall'interno di componentDidUpdatecrea un ciclo infinito (che …
7
React-router: come invocare manualmente Link?
Sono nuovo di ReactJS e di React-Router. Ho un componente che riceve attraverso oggetti di scena un <Link/>oggetto da reag-router . Ogni volta che l'utente fa clic su un pulsante "successivo" all'interno di questo componente, desidero richiamare l' <Link/>oggetto manualmente. In questo momento, sto usando refs per accedere all'istanza di …
5
Typescript: tipi di eventi React
Qual è il tipo corretto per gli eventi React. Inizialmente l'ho usato solo anyper semplicità. Ora, sto cercando di ripulire le cose ed evitare anycompletamente l' uso di . Quindi in una forma semplice come questa: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: …
30
Ottenere "Impossibile chiamare una classe come funzione" nel mio progetto React
Sto cercando di aggiungere un componente della mappa React al mio progetto ma ho riscontrato un errore. Sto usando il post sul blog di Fullstack React come riferimento. Ho rintracciato dove l'errore viene generato nella riga 83 di google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new …
9
Elimina l'elemento dall'array di stato in react
La storia è che dovrei riuscire a mettere Bob, Sally e Jack in una scatola. Posso anche rimuoverli dalla scatola. Quando viene rimosso, non viene lasciato alcuno slot. people = ["Bob", "Sally", "Jack"] Ora devo rimuovere, ad esempio, "Bob". Il nuovo array sarebbe: ["Sally", "Jack"] Ecco il mio componente di …
4
'React' deve essere nell'ambito quando si utilizza JSX react / react-in-jsx-scope?
Sono uno sviluppatore angolare e sono nuovo in React, questo è un semplice componente di reazione ma non funziona import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech View</span> …
129 reactjs 
9
Allega intestazione di autorizzazione per tutte le richieste axios
Ho un'applicazione React / Redux che recupera un token da un server API. Dopo che l'utente si è autenticato, vorrei fare in modo che tutte le richieste axios abbiano quel token come intestazione di autorizzazione senza doverlo allegare manualmente a ogni richiesta nell'azione. Sono abbastanza nuovo per reagire / redux …
129 reactjs  redux  axios 
10
Come generare ID univoci per le etichette dei moduli in React?
Ho elementi del modulo con labels e voglio avere ID univoci per collegare labels agli elementi con htmlForattributo. Qualcosa come questo: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Generavo ID basati su this._rootNodeIDma non è disponibile da React 0.13. …
128 reactjs 
3
React Enzyme trova il secondo (o ennesimo) nodo
Sto testando un componente React con rendering superficiale Jasmine Enzyme. Semplificato qui ai fini di questa domanda ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentha 2 istanze di MyInnerComponente vorrei testare gli oggetti di scena su ciascuna di …
128 reactjs  jasmine  enzyme 
6
Che cos'è il "montaggio" in React js?
Ho sentito il termine "mount" troppe volte mentre imparo ReactJS. E sembrano esserci metodi del ciclo di vita ed errori riguardo a questo termine. Cosa significa esattamente React per montaggio? Esempi: componentDidMount() and componentWillMount()
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.