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
Come accedere agli attributi personalizzati dall'oggetto evento in React?
React è in grado di eseguire il rendering di attributi personalizzati come descritto su http://facebook.github.io/react/docs/jsx-gotchas.html : Se si desidera utilizzare un attributo personalizzato, è necessario aggiungere un prefisso con dati-. <div data-custom-attribute="foo" /> E questa è un'ottima notizia tranne che non riesco a trovare un modo per accedervi dall'oggetto evento, …
10
Come passare i dati dal componente figlio al suo genitore in ReactJS?
Sto provando a inviare dati da un componente figlio al suo genitore come segue: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); ed ecco il componente figlio: export …
213 reactjs 
9
Reactjs converte la stringa html in jsx
Ho problemi a gestire ReactJS di Facebook. Ogni volta che faccio Ajax e voglio visualizzare un dato HTML, ReactJS lo visualizza come testo. (Vedi figura sotto) I dati vengono visualizzati tramite la funzione di callback riuscita di jquery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: …
7
La funzione React onClick si attiva al rendering
Passo 2 valori a un componente figlio: Elenco di oggetti da visualizzare funzione di eliminazione. Uso una funzione .map () per visualizzare il mio elenco di oggetti (come nell'esempio riportato nella pagina del tutorial di reazione), ma il pulsante in quel componente onClickattiva la funzione, al rendering (non dovrebbe attivarsi …
15
ReactNative: come centrare il testo?
Come centrare il testo in ReactNative sia in orizzontale che in verticale? Ho un'applicazione esemplificativa in rnplay.org dove justifyContent = "center" e alignItems = "center" non funziona: https://rnplay.org/apps/AoxNKQ Il testo dovrebbe essere centrato. E perché c'è un margine in alto tra il testo (giallo) e il contenitore principale? Codice: 'use …
6
ReactJS - .JS vs .JSX
C'è qualcosa che trovo molto confuso quando lavoro React. Ci sono molti esempi disponibili su Internet che usano i .jsfile con reazioni, ma molti altri usano i .jsxfile. Ho letto dei .jsxfile e la mia comprensione è che ti permettono di scrivere tag html nel tuo javascript. Ma la stessa …
211 reactjs  jsx 
4
Come accedere a un elemento DOM in React? Qual è l'equivalente di document.getElementById () in React
Come seleziono determinate barre in React.js? Questo è il mio codice: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { …
8
Inserisci HTML con React Variable Statements (JSX)
Sto costruendo qualcosa con React dove devo inserire HTML con React Variables in JSX. C'è un modo per avere una variabile in questo modo: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; e inserirlo in reagire in questo modo, e farlo funzionare? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); …
10
Come usare i pulsanti di opzione in ReactJS?
Sono nuovo di ReactJS, scusate se questo suona male. Ho un componente che crea diverse righe di tabella in base ai dati ricevuti. Ogni cella all'interno della colonna ha una casella di controllo radio. Quindi l'utente può selezionare uno site_namee uno addressdalle righe esistenti. La selezione deve essere indicata nel …
204 html  reactjs 
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.