Programmazione reactjs

14

come rendere i componenti di reazione usando map e join

Ho un componente che visualizzerà Array of String. Il codice ha questo aspetto. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Funziona perfettamente bene. cioè se props.data = ['tom', 'jason', 'chris'] Il risultato visualizzato nella pagina sarebbe tomjasonchris Quindi, voglio unire tutti i nomi usando la virgola, quindi …

102 reactjs

2

Cosa sono i componenti controllati da React e i componenti non controllati?

Cosa sono i componenti controllati e i componenti non controllati in ReactJS? In cosa differiscono l'uno dall'altro?

102 reactjs react-component

5

Qual è il modo migliore per reindirizzare una pagina utilizzando React Router?

Sono nuovo di React Router e apprendo che ci sono tanti modi per reindirizzare una pagina: Utilizzando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Utilizzando this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …

102 reactjs redux react-router

13

Come passi il mouse in ReactJS? - onMouseLeave non registrato durante il passaggio del mouse veloce

Come puoi ottenere un evento hover o un evento attivo in ReactJS quando esegui lo styling in linea? Ho scoperto che l'approccio onMouseEnter, onMouseLeave è bacato, quindi spero che ci sia un altro modo per farlo. In particolare, se passi il mouse su un componente molto rapidamente, viene registrato solo …

102 javascript css reactjs mouseevent dom-events

16

Avvertenza: ogni figlio in un array o in un iteratore dovrebbe avere un prop "chiave" univoco. Controlla il metodo di rendering di "ListView"

Ho creato un'app con ReactNative sia per iOS che per Android con estensioneListView . Quando si popola la listview con un'origine dati valida, viene stampato il seguente avviso nella parte inferiore dello schermo: Avvertenza: ogni figlio in un array o in un iteratore dovrebbe avere un prop "chiave" univoco. Controlla …

102 facebook listview reactjs react-native

1

"Questo" non è definito all'interno della funzione map Reactjs

Sto lavorando con Reactjs, scrivendo un componente di menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url …

101 javascript reactjs this map-function

4

React PropTypes vs. Flow

PropTypes e Flow coprono cose simili ma utilizzano approcci diversi. PropTypes può darti avvisi durante il runtime, che possono essere utili per trovare rapidamente risposte errate provenienti da un server, ecc. Tuttavia, Flow sembra essere il futuro e con concetti come i generici è una soluzione molto flessibile. Anche il …

101 reactjs flowtype react-proptypes

3

ASP.NET Core 2.0 Razor vs Angular / React / ecc

Il mio team e io abbiamo ricevuto finanziamenti per iniziare a sviluppare un'applicazione web di livello Enterprise (non entreremo nei dettagli di ciò che fa). L'applicazione avrà molte pagine web separate, ma due di queste pagine saranno più mirate e molto pesanti - pesanti come in molte interazioni con l'utente, …

101 asp.net angular reactjs razor

2

Store.dispatch in Redux è sincrono o asincrono

Mi rendo conto che questa è una domanda fondamentale, ma non ho avuto fortuna a trovare la risposta altrove. È store.dispatchsincrono o asincrono Redux? Nel caso sia asincrono c'è la possibilità di aggiungere un callback dopo che l'azione è stata propagata come è possibile con React ?

101 javascript reactjs redux single-page-application

6

setInterval in un'app React

Sono ancora abbastanza nuovo in React, ma sto procedendo lentamente e ho riscontrato qualcosa su cui sono bloccato. Sto cercando di costruire un componente "timer" in React e, ad essere onesto, non so se lo sto facendo bene (o in modo efficiente). Nel mio codice qui sotto, ho impostato lo …

101 javascript reactjs settimeout state

2

Cosa succede quando si utilizza this.setState più volte nel componente React?

Volevo controllare cosa succede quando usi this.setState più volte (2 volte per il bene della discussione). Ho pensato che il componente verrà renderizzato due volte ma a quanto pare è renderizzato solo una volta. Un'altra aspettativa che avevo era che forse la seconda chiamata per setState verrà eseguita sulla prima, …

101 javascript reactjs

7

Come ottenere la cronologia su React-Router v4?

Ho qualche piccolo problema durante la migrazione da React-Router v3 a v4. nella v3 sono stato in grado di farlo ovunque: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Come ottengo questo in v4. So che potrei usare, gli withRouteroggetti di scena hoc , React Context o Event Router quando sei …

101 reactjs react-router

9

tslint dice che le chiamate a console.log non sono consentite - Come lo consento?

Ho appena iniziato a usare l'app create-react con il dattiloscritto create-react-app my-app --scripts-version=react-scripts-ts e la configurazione predefinita tslint.json non consente console.log (). Come posso (per ora) abilitare console.log? I documenti per questo sono su https://palantir.github.io/tslint/rules/no-console/ . Ma non dicono dove mettere questa riga: "no-console": [true, "log", "error"] Ho cercato e …

101 reactjs typescript create-react-app tslint

7

Reagisce al file JSX che restituisce l'errore "Impossibile leggere la proprietà 'createElement' di undefined"

Ho un file test_stuff.js con cui sto eseguendo npm test Assomiglia più o meno a questo: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 …

101 javascript reactjs npm react-jsx

4

Come memorizzare il file di configurazione e leggerlo usando React

Sono nuovo su react.js, ho implementato un componente in cui sto recuperando i dati dal server e lo uso come, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' …

101 javascript reactjs configuration webpack flux

Domande taggate «reactjs»