Articles of reactjs

Come ottenere la cronologia su react-router v4?

Ho qualche piccolo problema di migrazione da React-Router v3 a v4. in v3 ero in grado di farlo ovunque: import { browserHistory } from ‘react-router’; browserHistory.push(‘/some/path’); Come ottengo questo in v4. So che potrei usare, l’hoc withRouter , react context o event withRouter router quando sei in una Component. ma non è il mio caso. […]

Qual è il modo migliore per accedere al redux store al di fuori di un componente reattivo?

@connect funziona alla grande quando sto cercando di accedere al negozio all’interno di un componente di reazione. Ma come dovrei accedervi in ​​qualche altro pezzetto di codice. Ad esempio: diciamo che voglio usare un token di authorization per creare la mia istanza axios che può essere utilizzata globalmente nella mia app, quale sarebbe il modo […]

Come avere elementi condizionali e mantenere DRY con Facebook React’s JSX?

Come opzionalmente includo un elemento in JSX? Ecco un esempio che usa un banner che dovrebbe essere nel componente se è stato passato. Quello che voglio evitare è dover duplicare i tag HTML nell’istruzione if. render: function () { var banner; if (this.state.banner) { banner = {this.state.banner}; } else { banner = ????? } return […]

Instradamento client (utilizzando react-router) e instradamento server-side

Ho pensato e sono confuso con il routing tra Client e Server. Supponiamo di utilizzare ReactJS per il rendering lato server prima di inviare la richiesta al browser Web e utilizzare react-router come instradamento sul lato client per passare da una pagina all’altra senza aggiornare come SPA. Ciò che viene in mente è: Come vengono […]

I negozi di stream o le azioni (o entrambi) devono toccare servizi esterni?

Se i negozi mantengono il proprio stato e hanno la possibilità di chiamare i servizi di rete e di archiviazione dati nel farlo … nel qual caso le azioni sono semplicemente passanti di messaggi stupidi, -O- … se i negozi fossero stupidi destinatari di dati immutabili dalle azioni (e le azioni fossero quelle che recuperano […]

Reagire sul codice “after render”?

Ho un’app in cui ho bisogno di impostare l’altezza di un elemento (diciamo “app-content”) in modo dinamico. Prende l’altezza del “chrome” dell’app e lo sottrae, quindi imposta l’altezza del “contenuto dell’app” per adattarsi al 100% entro tali vincoli. Questo è semplicissimo con le viste vanilla JS, jQuery o Backbone, ma sto cercando di capire quale […]

React.js: evento onChange per contentEditable

Come posso ascoltare cambiare l’evento per il controllo basato su contentEditable ? var Number = React.createClass({ render: function() { return {this.state.value} = {this.state.value} ; }, onChange: function(v) { // Doesn’t fire 🙁 console.log(‘changed’, v); }, getInitialState: function() { return {value: ‘123’} } }); React.renderComponent(, document.body); http://jsfiddle.net/NV/kb3gN/1621/

Reactjs – Impostazione stato da oggetti di scena utilizzando setState nel componente figlio

Sto avendo la seguente class che esegue il rendering degli utenti in base a un elenco a discesa di ordinamento. Gli utenti saranno elencati in ordine alfabetico se scelgo “alfabetico” e in ordine di gruppo quando scelgo “gruppo”. render(){ return( const {members, sort} = this.state { sort === “alphabetical” && } { sort === “group” […]

Come associare i gestori onclick a `this` correttamente su React

Spiegazione del motivo per cui questo non è un duplicato: il mio codice è già funzionante, ho incluso come commento. La domanda è: perché this contesto cambia quando lo includo alla funzione click handler. Sto provando un progetto di calcolatrice in React. L’objective è di colbind i gestori onclick ai pulsanti numerici in modo che […]

Token imprevisto “=” in React Component

Mi manca forse un caricatore? Pensavo che dovessimo essere in grado di utilizzare queste funzioni ES6 nei corpi dei componenti per evitare di dover eseguire i documenti di .bind(this) ERROR in ./client/admin-side/components/Form.jsx Module build failed: SyntaxError: Unexpected token (15:17) 14 | > 15 | handleChange = (event) => { | ^ 16 | this.setState({value: event.target.value}) […]