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.
Provando TypeScript per un progetto React e sono bloccato su questo errore: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' was found …
Diciamo che ho un elenco di oggetti semplici nel mio this.state.listche posso utilizzare per visualizzare un elenco di bambini. Qual è allora il modo giusto per inserire l'oggetto this.state.list? Di seguito è l'unico modo in cui penso che funzionerà perché non è possibile modificare this.statedirettamente come indicato nel documento. this._list.push(newObject): …
All'invio di un modulo, sto cercando di doSomething()sostituire il comportamento predefinito del post. Apparentemente in React, onSubmit è un evento supportato per i moduli. Tuttavia, quando provo il seguente codice: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } …
Sto solo scrivendo per un input di testo e nel onChangecaso chiamo setState, quindi React riproduce nuovamente la mia interfaccia utente. Il problema è che l'input di testo perde sempre il focus, quindi ho bisogno di focalizzarlo di nuovo per ogni lettera: D. var EditorContainer = React.createClass({ componentDidMount: function () …
Sto lavorando a un'applicazione React utilizzando React-Router. Ho una pagina del progetto che ha un URL come segue: myapplication.com/project/unique-project-id Quando il componente del progetto viene caricato, faccio scattare una richiesta di dati per quel progetto dall'evento componentDidMount. Ora sto riscontrando un problema in cui se passo direttamente tra due progetti, …
Qualcosa di così semplice dovrebbe essere realizzato facilmente, ma mi sto strappando i capelli per quanto sia complicato. Tutto quello che voglio fare è animare il montaggio e lo smontaggio di un componente React, il gioco è fatto. Ecco cosa ho provato finora e perché ogni soluzione non funzionerà: ReactCSSTransitionGroup …
Voglio creare un componente React trascinabile (cioè riposizionabile dal mouse), che sembra coinvolgere necessariamente gestori di eventi globali e sparsi. Posso farlo in modo sporco, con una variabile globale nel mio file JS, e probabilmente potrei anche avvolgerlo in una bella interfaccia di chiusura, ma voglio sapere se c'è un …
Non riesco a credere di porre una domanda ovvia, ma ricevo ancora l'errore nel registro della console. La console dice che non riesce a trovare il modulo nella directory, ma ho controllato almeno 10 volte per errori di battitura. Comunque, ecco il codice del componente. Voglio rendere l' header in …
Avevo creato un sito web con React.js e webpack . Voglio usare i caratteri di Google nella pagina web, quindi inserisco il link nella sezione. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> E imposta CSS body{ font-family: 'Bungee Inline', cursive; } Comunque, non funziona. Come posso risolvere questo problema?
Sono nuovo nella libreria React.js e stavo esaminando alcuni tutorial e mi sono imbattuto in: this.setState this.replaceState La descrizione fornita non è molto chiara (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Allo stesso modo, The replaceState() method …
Sto lavorando a un progetto con Typescript, React e Redux (tutti in esecuzione in Electron) e ho riscontrato un problema quando includo un componente basato sulla classe in un altro e provo a passare parametri tra di loro. In parole povere, ho la seguente struttura per il componente contenitore: class …
Capisco come (e perché ) aggiungere uno spazio bianco in JSX, ma mi chiedo quale sia la migliore pratica o se qualche fa davvero la differenza? Avvolgi entrambi gli elementi in una campata <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Aggiungili su una riga <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> …
prima di inviare questa domanda, ho provato a cercare in sqa stackexchange ma non ho trovato alcun post su superficiale e renderizzare lì, quindi spero che qualcuno possa aiutarmi qui. Quando dovrei usare shallow e render per testare i componenti reattivi? Sulla base dei documenti di airbnb, ho espresso alcune …
Ho già utilizzato le funzionalità ECMAScript 6 ed ECMAScript 7 (grazie a Babel) nelle mie applicazioni, sia mobili che web. Il primo passo ovviamente è stato quello di ECMAScript 6 livelli. Ho imparato molti schemi asincroni, le promesse (che sono davvero promettenti), i generatori (non so perché il simbolo *), …
Sono molto nuovo nel webpack, ho scoperto che nella build di produzione possiamo ridurre le dimensioni del codice complessivo. Attualmente webpack costruisce circa 8 MB di file e main.js circa 5 MB. Come ridurre le dimensioni del codice nella build di produzione? Ho trovato un file di configurazione del pacchetto …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.