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.
Ottengo l'errore seguente ogni volta che provo a utilizzare makeStyles()un componente con metodi del ciclo di vita: Chiamata hook non valida. Gli hook possono essere chiamati solo all'interno del corpo di un componente funzione. Ciò potrebbe accadere per uno dei seguenti motivi: Potresti avere versioni non corrispondenti di React e …
Sto iniziando a usare Facebook React in un progetto Backbone e finora sta andando davvero bene. Tuttavia, ho notato che alcune duplicazioni si insinuano nel mio codice React. Per esempio, ho parecchi forma-come i widget con stati come INITIAL, SENDINGe SENT. Quando si preme un pulsante, il modulo deve essere …
So che non dovrei cambiare l'input e dovrei clonare l'oggetto per modificarlo. Stavo seguendo la convenzione utilizzata su un progetto di avviamento redux che utilizzava: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) per l'aggiunta di un elemento - ottengo l'uso di spread per aggiungere l'elemento …
Sto iniziando con React.js e voglio creare un modulo semplice ma nella documentazione ho trovato due modi per farlo. Il primo sta usando Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: …
Lo so in vanilla js, che possiamo fare onclick="f1();f2()" Quale sarebbe l'equivalente per effettuare due chiamate di funzione onClick in ReactJS? So che chiamare una funzione è così: onClick={f1}
Ottenere questo errore durante la creazione di un'app iOS nativa per la reazione su xcode. Ho iniziato a ricevere questo errore dopo l'installazione di npm e il collegamento a rpm della libreria react-native-fs . Ma dopo aver cercato online una soluzione, ho notato che molte persone ricevono lo stesso errore …
È possibile ottenere la posizione di scorrimento corrente o la pagina corrente di un <ScrollView>componente in React Native? Quindi qualcosa come: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>
Ecco un componente di base. Sia il <ul>che <li>hanno le funzioni onClick. Voglio solo il clic su <li>per attivare, non il <ul>. Come posso raggiungere questo obiettivo? Ho giocato con e.preventDefault (), e.stopPropagation (), senza alcun risultato. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do …
Quindi normalmente per includere la maggior parte delle mie icone SVG che richiedono uno stile semplice, faccio: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Ora sto giocando con ReactJS negli ultimi tempi valutandolo come un possibile componente nel mio nuovo stack di sviluppo front-end, tuttavia ho notato che nella sua lista di …
La nostra applicazione utilizza lo scorrimento infinito per navigare in grandi elenchi di elementi eterogenei. Ci sono alcune rughe: È normale che i nostri utenti abbiano un elenco di 10.000 articoli e debbano scorrere 3k +. Questi sono elementi ricchi, quindi possiamo averne solo poche centinaia nel DOM prima che …
Uno dei maggiori vantaggi di React.js dovrebbe essere il rendering lato server . Il problema è che la funzione chiave React.renderComponentToString()è sincrona, il che rende impossibile caricare i dati asincroni mentre viene eseguito il rendering della gerarchia dei componenti sul server. Diciamo che ho un componente universale per i commenti …
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 …
So che questa domanda è già stata posta un paio di volte, ma la maggior parte delle volte la soluzione è gestirla nel genitore, poiché il flusso di responsabilità è solo discendente. Tuttavia, a volte, è necessario eliminare un componente da uno dei suoi metodi. So di non poter modificare …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.