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.

3
React.js, attendere che setState finisca prima di attivare una funzione?
Ecco la mia situazione: su this.handleFormSubmit () sto eseguendo this.setState () dentro this.handleFormSubmit (), chiamo this.findRoutes (); - che dipende dal completamento con successo di this.setState () this.setState (); non viene completato prima di questo .indRoutes viene chiamato ... Come aspetto che this.setState () all'interno di this.handleFormSubmit () finisca prima …
9
Come dichiarare una variabile globale in React?
Ho inizializzato l' i18noggetto di traduzione una volta in un componente (primo componente che viene caricato nell'app). Lo stesso oggetto è richiesto in tutti gli altri componenti. Non voglio reinizializzarlo in ogni componente. Qual è il modo per aggirare? Renderlo disponibile per l'ambito della finestra non aiuta in quanto ho …
4
Come creare un href dinamico nella funzione di rendering React?
Sto visualizzando un elenco di post. Per ogni post vorrei rendere un tag di ancoraggio con l'ID del post come parte della stringa href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); Come faccio in modo che ogni post abbia href di /posts/1, …
4
Caricatori di webpack vs plugin; qual è la differenza?
Qual è la differenza tra caricatori e plugin in webpack? La documentazione per i plugin dice semplicemente: Usa i plugin per aggiungere funzionalità tipicamente correlate ai bundle nel webpack. So che babel utilizza un caricatore per le trasformazioni jsx / es2015, ma sembra che altre attività comuni (copy-webpack-plugin, ad esempio) …
12
setState non aggiorna lo stato immediatamente
Vorrei chiedere perché il mio stato non cambia quando faccio un evento onclick. Qualche tempo fa ho cercato di associare la funzione onclick nel costruttore, ma lo stato non si aggiorna. Ecco il mio codice: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row from 'react-bootstrap/lib/Row'; import Col from …
6
Come interrompere / # / nel browser con React-Router?
Qualche modo per impedire che venga /#/visualizzato nella barra degli indirizzi del browser quando si utilizza React-Router? Questo è con ReactJS. Ad esempio, facendo clic sui collegamenti per passare a un nuovo percorso viene visualizzato localhost:3000/#/o localhost:3000/#/about. A seconda del percorso.
6
Perché gli oggetti di scena JSX non dovrebbero usare le funzioni freccia o bind?
Sto eseguendo lanugine con la mia app React e ricevo questo errore: error JSX props should not use arrow functions react/jsx-no-bind Ed è qui che sto eseguendo la funzione freccia (all'interno onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, …
4
Come forzare il rimontaggio sui componenti React?
Diciamo che ho un componente di visualizzazione che ha un rendering condizionale: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" /> </div> ); } } MyInput ha un aspetto simile a questo: …
6
JSX non consentito nei file con estensione ".js" con eslint-config-airbnb
Ho installato eslint-config-airbnb che dovrebbe preconfigurare ESLINT per React: La nostra esportazione predefinita contiene tutte le nostre regole ESLint, inclusi ECMAScript 6+ e React. Richiede eslint, eslint-plugin-import, eslint-plugin-react e eslint-plugin-jsx-a11y. La mia .eslintrcestensione della sua configurazione: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { …
21
Oggetto di configurazione non valido. Webpack è stato inizializzato utilizzando un oggetto di configurazione che non corrisponde allo schema API
Ho questa semplice app helloworld react creata da un corso online, tuttavia ricevo questo errore: Oggetto di configurazione non valido. Webpack è stato inizializzato utilizzando un oggetto di configurazione che non corrisponde allo schema API. - la configurazione ha una proprietà sconosciuta "postcss". Queste proprietà sono valide: oggetto {amd ?, …
1
React-Router: qual è lo scopo di IndexRoute?
Non capisco quale sia lo scopo dell'utilizzo di IndexRoute e IndexLink . Sembra che in ogni caso il codice qui sotto avrebbe selezionato prima il componente Home a meno che il percorso About non fosse attivato. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route …
4
Come inviare un modulo utilizzando il tasto Invio in react.js?
Ecco il mio modulo e il metodo onClick. Vorrei eseguire questo metodo quando si preme il pulsante Invio della tastiera. Come ? NB: Nessun jquery è apprezzato. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" …
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.