Articles of reactjs

Utilizzo di React e componenti Web

Nel nostro progetto utilizziamo React e Web Components per sviluppare componenti UI riutilizzabili (che a loro volta saranno utilizzati da vari team di sviluppo internamente). I componenti sono sviluppati in React e registrati come elementi HTML personalizzati tramite Web Components. Abbiamo bisogno di un modo attraverso il quale possiamo definire gli oggetti di scena nel […]

Reagire: ottenere il valore del testo all’interno di un div ContentEditable

Sto usando un div contentEditable e voglio avere il testo al suo interno quando viene chiamato un submit. Ho provato this.refs.textarea.value.trim() ma non sembra funzionare. Il mio codice è il seguente nel render return {value} e la funzione handleSubmit . handleSubmit: function(e) { e.preventDefault(); var text = this.refs.textarea.value.trim(); alert(text); this.saveFile(text); }, Grazie per l’aiuto. Sto […]

Come posso ottenere il valore di un tag html su React?

Attualmente sto sviluppando una funzione della scheda dei prezzi usando React. La funzione principale di questi componenti è quella di consentire all’utente di aggiungere una di queste classi nel carrello. Il problema è come posso ottenere una stringa html di un tag HTML? il mio codice di esempio è import React from ‘react’; import ReactDOM […]

Come triggersre una class triggers sugli elementi della lista?

Sto riscontrando un problema nel tentativo di implementare una funzionalità di base in React. Ho una lista di , e quando clicco su uno, voglio aggiungere una class active a questo img e rimuovere questa class dalle altre immagini. class DefaultImages extends React.Component { constructor(props) { super(props) this.handleClick = this.handleClick.bind(this) } handleClick(e) { console.log(“Element:”, e.target) […]

Disabilita il collegamento del router di reazione in risposta

Sono nuovo di React e ho un problema per disabilitare un collegamento nascosto da un elemento del pulsante. Ho provato il seguente: class ShoppingCartLink extends React.Component { constructor(){ super(); ShoppingCartStore.register(this.refresh.bind(this)); this.state = {count:0}; this.item = “items”; this.linkDisabled = new Boolean(true); } refresh(){ if (ShoppingCartStore.items.length === 0 || ShoppingCartStore.items.length > 1 ) { this.item = “items”; […]

Utilizzo di React-Router per il collegamento all’interno di una pagina

Sto cercando di creare un tag di ancoraggio che si collegherà a una posizione all’interno della stessa pagina (come questa ) Tuttavia, React-Router dirotta questo, e mi indirizza verso il nulla, poiché non ho stabilito quel collegamento nella gerarchia. Quindi mi invia alla posizione di root di quel nome, invece di una posizione sulla stessa […]

Aggiorna stato fratello in base a un altro fratello ReactJS con clic

Buon pomeriggio, Ho difficoltà a cambiare lo stato dei componenti che sono fratelli. Fondamentalmente sembrano così: About <— no Blog Projects Ogni è un collegamento che indirizza a una diversa “pagina” o percorso sul mio sito Web a meno che non sia il primo elencato, “Informazioni”. Chi voglio essere un drop down / lightbox offre […]

ReactJS – textarea multilinea

Sto provando a creare un campo di immissione testo multilinea con ReactJS. Ho creato questo componente: var TextInput = React.createClass({ getInitialState: function(){ return {currentValue: this.props.children} }, handleChange: function(event){ //handler }, render: function(){ return ( ) } }); Lo sto rendendo in questo modo: # jinja2 template React.render( {{ post.body }}, document.getElementById(‘post-editing’) ); Il problema: se […]

Come risolvere “Uncaught TypeError: Imansible build ‘Comment’: Si prega di utilizzare il ‘nuovo’ operat …” rispetto a React JS?

Ho un home.jsp dove all’interno del corpo News In un esempio.js separato, ho il seguente alert(“I am coming here … BEEP”); var Comment = React.createClass({ loadCommentsFromServer: function() { $.ajax({ url: this.props.url, dataType: ‘json’, cache: false, success: function(data) { this.setState({data: data}); }.bind(this), error: function(xhr, status, err) { console.error(this.props.url, status, err.toString()); }.bind(this) }); }, getInitialState: function() { […]

Come usare ReactRouter modo CDN senza npm richiede?

Sono nuovo di Reagire. Lo sto utilizzando aggiungendo direttamente i file react.js e react-dom.js insieme a browser.min.js per la trasformazione javascript nella mia pagina HTML per esercitarti. Ora, voglio usare react-router per il quale ho aggiunto il file di script ReactRouter.js da qui . Tuttavia, non sono in grado di trovare alcun esempio per sapere […]