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.

1
Posso mapDispatchToProps senza mapStateToProps in Redux?
Sto rompendo l'esempio di Redux todo per cercare di capirlo. Ho letto che mapDispatchToPropsti consente di mappare le azioni di invio come oggetti di scena, quindi ho pensato di riscrivere addTodo.jsper utilizzare mapDispatchToProps invece di chiamare dispatch (addTodo ()). L'ho chiamato addingTodo(). Qualcosa come questo: import React from 'react'; import …
6
React - setState () sul componente non montato
Nel mio componente React sto cercando di implementare un semplice spinner mentre è in corso una richiesta ajax - sto usando lo stato per memorizzare lo stato di caricamento. Per qualche motivo questo pezzo di codice qui sotto nel mio componente React genera questo errore Può aggiornare solo un componente …
7
L'evento onKeyDown non funziona sui div in React
Voglio usare un evento keyDown su un div in React. Lo voglio: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img …
4
Webpack-dev-server serve un elenco di directory invece della pagina dell'app
Posso solo vedere l'app reale sotto /public. Le configurazioni in webpack.config.jssono di seguito: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], …
10
Come annullare un recupero su componentWillUnmount
Penso che il titolo dica tutto. L'avviso giallo viene visualizzato ogni volta che smonto un componente che è ancora in fase di recupero. Console Avviso: impossibile chiamare setState(o forceUpdate) su un componente smontato. Questa è un'operazione non operativa, ma ... Per risolvere il problema, annullare tutti gli abbonamenti e le …
92 reactjs 
8
Modo corretto per condividere le funzioni tra i componenti in React
Ho più componenti che devono tutti fare la stessa cosa. (Una semplice funzione che mappa sui loro componenti figlio e fa qualcosa su ciascuno di essi). Al momento sto definendo questo metodo in ciascuno dei componenti. Ma voglio definirlo solo una volta. Potrei definirlo nel componente di primo livello e …
92 reactjs 
9
Quando verrebbe usato bindActionCreators in react / redux?
La documentazione di Redux per bindActionCreators afferma che: L'unico caso d'uso bindActionCreatorsè quando si desidera trasferire alcuni creatori di azioni a un componente che non è a conoscenza di Redux e non si desidera passare la spedizione o l'archivio Redux ad esso. Quale potrebbe essere un esempio in cui bindActionCreatorssarebbe …
3
Reagire con Redux? E la questione del "contesto"?
Normalmente pubblico materiale relativo al codice su Stack, ma questa è più una domanda su quali sono i pensieri generali della comunità. Sembra che ci siano molte persone che sostengono l'uso di Redux con React per gestire dati / stato, ma durante la lettura e l'apprendimento di entrambi mi sono …
16
Enzima: come accedere e impostare il valore <input>?
Sono confuso su come accedere al &lt;input&gt;valore durante l'utilizzo mount. Ecco cosa ho come test: it('cancels changes when user presses esc', done =&gt; { const wrapper = mount(&lt;EditableText defaultValue="Hello" /&gt;); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); La console viene stampata undefined. Ma se modifico leggermente il codice, funziona: …
1
Await è un errore di parola riservata all'interno della funzione asincrona
Sto lottando per capire il problema con la seguente sintassi: export const sendVerificationEmail = async () =&gt; (dispatch) =&gt; { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …
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.