Articles of reactjs

Reagire con l’aggiornamento nativo / Xcode e ora non è stato trovato RCTConvert.h

App ha funzionato bene su React Native 0.35.0. Dopo l’aggiornamento a 0.40.0 tramite react-native-git-upgrade ottengo una serie di problemi lessicali / preprocessore quando provo a creare / eseguire l’app in XCode. React/RCTBridgeModule.h’ file not found Quando si fa clic sul problema, vedo questo evidenziato: #import Non sembra essere un problema di ricerca. Ho provato a […]

Come specificare una porta per eseguire un progetto basato su crea-reactjs-app?

Il mio progetto è basato su crea-react-app . npm start o yarn start di default eseguirà l’applicazione sulla porta 3000 e non vi è alcuna possibilità di specificare una porta in package.json. Come posso specificare una porta di mia scelta in questo caso? Voglio eseguire due di questo progetto contemporaneamente (per il test), uno nella […]

Estensione dei componenti React.js

Una delle cose che apprezzo di più su Backbone.js è come funziona l’ereditarietà semplice ed elegante. Sto iniziando a fare i conti con React e non riesco a trovare nulla in reazione che assomigli a questo codice Backbone var Vehicle = Backbone.View.extend({ methodA: function() { // … } methodB: function() { // … } methodC: […]

Reagire sul gestore di eventi JS onClick

io ho var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( Component 1 ); } }); React.renderComponent(, document.body); Voglio colorare lo sfondo dell’elemento della lista cliccato. Come posso farlo in React? Qualcosa di simile a $(‘li’).on(‘click’, function(){ $(this).css({‘background-color’: ‘#ccc’}); });

Qual è il modo migliore per triggersre l’evento onchange in reacs js

Utilizziamo il bundle Backbone + ReactJS per creare un’app lato client. Affidandoci molto al famoso valueLink valori direttamente al modello tramite il proprio wrapper che supporta l’interfaccia ReactJS per il binding a due vie. Ora abbiamo affrontato il problema: Abbiamo un plugin jquery.mask.js che formatta il valore di input in modo programmatico, quindi non genera […]

React JS – Uncaught TypeError: this.props.data.map non è una funzione

Sto lavorando con reactjs e non riesco a prevenire questo errore quando provo a visualizzare i dati JSON (da file o server): Uncaught TypeError: this.props.data.map is not a function Ho visto: Reazione del codice di reazione “TypeError: this.props.data.map non è una funzione” React.js this.props.data.map () non è una funzione Nessuno di questi mi ha aiutato […]

ReactJS – Aggiungi listener eventi personalizzato al componente

In plain javascript ho il DIV e il seguente codice javascript var myMovie = document.getElementById(‘my_movie’); myMovie.addEventListener(‘nv-enter’, function (event) { console.log(‘change scope’); }); Ora ho un componente React, all’interno di questo componente, nel metodo di rendering, sto restituendo il mio div. Come posso aggiungere un listener di eventi per il mio evento personalizzato? (Sto usando questa […]

Aggiornamento dei dati annidati nell’archivio di ridondanza

Qual è il modo migliore / corretto per aggiornare una matrice nidificata di dati in un negozio usando redux? Il mio negozio ha questo aspetto: { items:{ 1: { id: 1, key: “value”, links: [ { id: 10001 data: “some more stuff” }, … ] }, … } } Ho una coppia di azioni asincrone […]

Usando plugin JQuery che trasformano il DOM in React Components?

Alcuni plugin JQuery non aggiungono semplicemente un comportamento ai nodes DOM, ma li cambiano. Ad esempio, Switch Bootstrap si trasforma in qualcosa di simile ON   OFF con $(“[name=’my-checkbox’]”).bootstrapSwitch(); Quale non jive con React: Uncaught Error: Invariant Violation: findComponentRoot(…, .0): Unable to find element. This probably means the DOM was unexpectedly mutated (eg, by the […]

React.js: identificazione di diversi input con un gestore onChange

Curioso quale sia il modo giusto per avvicinarsi a questo: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( {this.state.total} ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: t}); } }); React.renderComponent(, document.getElementById(‘content’)); Ovviamente è ansible creare funzioni separate di […]