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.

5
Perché i frammenti in React 16 sono migliori dei div container?
In React 16.2 Fragmentsè stato aggiunto un supporto migliorato per . Maggiori informazioni sono disponibili sul post del blog di React qui. Conosciamo tutti il ​​seguente codice: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); …
165 reactjs 
5
Nome tag dinamico in jsx e React
Provo a scrivere un componente React. per i tag di intestazione html (h1, h2, h3, ecc ...), in cui la priorità dell'intestazione cambia dinamicamente in base alla priorità che abbiamo definito nei puntelli. Ecco cosa provo a fare. <h{this.props.priority}>Hello</h{this.props.priority}> uscita prevista: <h1>Hello</h1> Questo non funziona. Esiste un metodo possibile per …
163 reactjs  jsx 
11
Rendering della stringa HTML come HTML reale in un componente React
Ecco cosa ho provato e come va storto. Questo funziona: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Questo non: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> La proprietà description è solo una normale stringa di contenuto HTML. Tuttavia è reso come una stringa, non come HTML per qualche motivo. Eventuali suggerimenti?
162 javascript  html  reactjs  jsx 
13
this.setState non sta unendo gli stati come mi aspetterei
Ho il seguente stato: this.setState({ selected: { id: 1, name: 'Foobar' } }); Quindi aggiorno lo stato: this.setState({ selected: { name: 'Barfoo' }}); Dal momento che setStatesi suppone di unire, mi aspetto che sia: { selected: { id: 1, name: 'Barfoo' } }; Ma invece mangia l'id e lo stato …
30
Impossibile caricare lo script. Assicurati di eseguire un server Metro o che il pacchetto "index.android.bundle" sia impacchettato correttamente per il rilascio
react-native run-androidil comando termina lasciando un messaggio nel simulatore Android. Il messaggio è il seguente: Impossibile caricare lo script. Assicurati di eseguire un server Metro o che il pacchetto "index.android.bundle" sia impacchettato correttamente per il rilascio. Che cosa sto facendo di sbagliato?
9
Ottieni l'altezza finestra / finestra in ReactJS
Come posso ottenere l'altezza del viewport in ReactJS? In JavaScript normale che uso window.innerHeight() ma usando ReactJS, non sono sicuro di come ottenere queste informazioni. La mia comprensione è quella ReactDOM.findDomNode() funziona solo per i componenti creati. Tuttavia, questo non è il caso dell'elemento documento body, che potrebbe darmi l'altezza …
4
Navigazione personalizzata con componente Navigator in React-Native
Sto esplorando le possibilità di React Native durante lo sviluppo di un'app demo con navigazione personalizzata tra le visualizzazioni con l'aiuto del Navigatorcomponente . La classe di app principale esegue il rendering del navigatore e all'interno renderScenerestituisce il componente passato: class App extends React.Component { render() { return ( <Navigator …
6
Evento OnChange che utilizza React JS per il menu a discesa
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); L' onChangeevento non funziona.
3
Concatenare variabili e stringhe in React
C'è un modo per incorporare la notazione di parentesi graffe di React e un hreftag? Supponiamo di avere il seguente valore nello stato: {this.state.id} e i seguenti attributi HTML su un tag: href="#demo1" id="demo1" C'è un modo in cui posso aggiungere lo idstato all'attributo HTML per ottenere qualcosa del genere: …
4
La proprietà 'value' non esiste sul tipo 'Readonly <{}>'
Devo creare un modulo che visualizzi qualcosa in base al valore restituito di un'API. Sto lavorando con il seguente codice: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: …
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.