Domande taggate «react-jsx»

React è una libreria JavaScript per la creazione di interfacce utente. Utilizza un paradigma dichiarativo, basato sui componenti e mira ad essere sia efficiente che flessibile.

24
Come passare oggetti di scena a {this.props.children}
Sto cercando di trovare il modo corretto di definire alcuni componenti che potrebbero essere utilizzati in modo generico: <Parent> <Child value="1"> <Child value="2"> </Parent> Esiste una logica in corso per il rendering tra componenti genitore e figlio, ovviamente, puoi immaginare <select>e <option>come esempio di questa logica. Questa è un'implementazione fittizia …
19
Puoi forzare il rendering di un componente React senza chiamare setState?
Ho un oggetto osservabile esterno (al componente) su cui voglio ascoltare le modifiche. Quando l'oggetto viene aggiornato, emette eventi di modifica e quindi voglio eseguire nuovamente il rendering del componente quando viene rilevata una modifica. Con un livello superiore React.renderquesto è stato possibile, ma all'interno di un componente non funziona …
690 reactjs  react-jsx 
19
Best practice per lo stile in linea di React.js
Sono consapevole che puoi specificare gli stili all'interno delle classi React, in questo modo: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Dovrei mirare a fare tutto lo styling in …
6
Perché chiamare il metodo reazioni setState non muta immediatamente lo stato?
Sto leggendo la sezione Forms direactjsdocumentazione e ho appena provato questo codice per dimostrare l' onChangeutilizzo ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input type="text" …
16
Aggiunta tag script a React / JSX
Ho un problema relativamente semplice di provare ad aggiungere script inline a un componente React. Quello che ho finora: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( …
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> ); …
12
Nome componente dinamico React / JSX
Sto cercando di eseguire il rendering dinamico dei componenti in base al loro tipo. Per esempio: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Ho provato la soluzione qui proposta per i nomi dei componenti dinamici di …
6
Avviso: classe di proprietà DOM sconosciuta. Volevi dire className?
Ho appena iniziato a esplorare React, aggiungendo un componente con una semplice funzione di rendering: render() { return <div class="myApp"></div> } Quando eseguo l'app, ricevo il seguente errore: Warning: Unknown DOM property class. Did you mean className? Posso risolvere questo problema passando classa className. La domanda è; React applica questa …
9
ReactJS: "Uncaught SyntaxError: Unexpected token <"
Sto cercando di iniziare a creare un sito in ReactJS. Tuttavia, quando ho provato a mettere il mio JS in un file separato, ho iniziato a ricevere questo errore: "Uncaught SyntaxError: Unexpected token &lt;". Ho provato ad aggiungere /** @jsx React.DOM */all'inizio del file JS, ma non ha risolto nulla. …
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 = ( &lt;MyProvider&gt; &lt;/MyProvider&gt; ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 …
9
Best practice per l'aggiunta di spazi bianchi in JSX
Capisco come (e perché ) aggiungere uno spazio bianco in JSX, ma mi chiedo quale sia la migliore pratica o se qualche fa davvero la differenza? Avvolgi entrambi gli elementi in una campata &lt;div className="top-element-formatting"&gt; &lt;span&gt;Hello &lt;/span&gt; &lt;span className="second-word-formatting"&gt;World!&lt;/span&gt; &lt;/div&gt; Aggiungili su una riga &lt;div className="top-element-formatting"&gt; Hello &lt;span className="second-word-formatting"&gt;World!&lt;/span&gt; &lt;/div&gt; …
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.