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.

7
Come restituire più righe JSX in un'altra istruzione return in React?
La singola riga funziona bene render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } non per più righe render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Grazie.
100 reactjs 
9
ReactJS: setTimeout () non funziona?
Tenendo presente questo codice: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Lo stato non dovrebbe cambiare solo dopo 3 …
5
Importa dinamicamente le immagini da una directory utilizzando webpack
Quindi ecco il mio attuale flusso di lavoro per importare immagini e icone nel webpack tramite ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Questo diventa disordinato velocemente. Ecco cosa voglio: import * from './images' <img src={doggy} /> …
4
Perché il mio onClick viene richiamato durante il rendering? - React.js
Ho un componente che ho creato: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { …
17
Reactjs: token imprevisto "<" Errore
Sto appena iniziando con Reactjs e stavo scrivendo un semplice componente per visualizzare il litag e mi sono imbattuto in questo errore: Token imprevisto "&lt;" Ho messo l'esempio su jsbin sotto http://jsbin.com/UWOquRA/1/edit?html,js,console,output Per favore fatemi sapere cosa sto sbagliando.
99 reactjs 
4
Come posso accedere a uno stato hover in reactjs?
Ho un sidenav con un gruppo di squadre di basket. Quindi vorrei mostrare qualcosa di diverso per ogni squadra quando una di loro è in movimento. Inoltre, sto usando Reactjs quindi se potessi avere una variabile che potrei passare a un altro componente sarebbe fantastico.
99 hover  reactjs 
15
Come includere un'icona Font Awesome nel render () di React
Ogni volta che provo a utilizzare un'icona Font Awesome in React render(), non viene visualizzata nella pagina web risultante sebbene funzioni nel normale HTML. render: function() { return &lt;div&gt;&lt;i class="fa fa-spinner fa-spin"&gt;no spinner but why&lt;/i&gt;&lt;/div&gt;; } Ecco un esempio dal vivo: http://jsfiddle.net/pLWS3/ Dov'è la colpa?
6
& nbsp jsx non funziona
Sto usando il tag &amp; nbsp in jsx e non esegue il rendering dello spazio. Quello che segue è un piccolo frammento del mio codice. Per favore aiuto. var Reporting=React.createClass({ render: function(){ return( &lt;div style={divPositionReporting}&gt; &lt;p&gt;Pricing Reports&lt;/p&gt; &lt;hr&gt;&lt;/hr&gt; Select Scenario:&amp;nbsp;&amp;nbsp; &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; &lt;button type="button"&gt;Get Pricing Report&lt;/button&gt; &lt;br/&gt; Select Takeout …
99 html  reactjs  jsx 
9
React setState non aggiorna lo stato
Quindi ho questo: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() =&gt; { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal è solo un array di numeri, [1, 5, 9]ad es. tuttavia this.state.dealersOverallTotalnon fornisce il totale corretto ma …
4
Rendering di componenti React da array di oggetti
Ho alcuni dati chiamati stazioni che sono un array contenente oggetti. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Vorrei eseguire il rendering di un componente dell'interfaccia utente per ogni posizione dell'array. Finora posso scrivere var stationsArr = [] for (var i = 0; i &lt; this.data.stations.length; i++) { stationsArr.push( …
11
Come impostare DefaultRoute su un'altra rotta in React Router
Ho il seguente: &lt;Route name="app" path="/" handler={App}&gt; &lt;Route name="dashboards" path="dashboards" handler={Dashboard}&gt; &lt;Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /&gt; &lt;Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /&gt; &lt;DefaultRoute handler={DashboardExplain} /&gt; &lt;/Route&gt; &lt;DefaultRoute handler={SearchDashboard} /&gt; &lt;/Route&gt; Quando si utilizza DefaultRoute, SearchDashboard viene visualizzato in modo errato poiché qualsiasi * Dashboard deve essere visualizzato all'interno di Dashboard. Vorrei …
2
Cos'è il file public / manifest.json nell'app create-react?
So che le estensioni di Chrome utilizzano "manifest.json", ma qui viene utilizzato anche come qualcos'altro. Contenuti - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Quando cambio un valore, …
11
Come importare un file CSS in un componente React
Voglio importare un file CSS in un componente React. Ho provato import disabledLink from "../../../public/styles/disabledLink";ma ottengo l'errore qui sotto; Modulo non trovato: Errore: Impossibile risolvere "file" o "directory" ../../../public/styles/disabledLink in c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @. /client/src/components/ShoppingCartLink.js 19: 20-66 Hash: …
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.