Programmazione react-hooks

6

Come chiamare la funzione di caricamento con React useEffect solo una volta

Il hook useEffect React eseguirà la funzione passata su ogni modifica. Questo può essere ottimizzato per lasciarlo chiamare solo quando cambiano le proprietà desiderate. Cosa succede se desidero chiamare una funzione di inizializzazione componentDidMounte non richiamarla di nuovo sulle modifiche? Diciamo che voglio caricare un'entità, ma la funzione di caricamento …

210 javascript reactjs react-hooks

12

Come correggere l'avviso di dipendenza mancante quando si utilizza useEffect React Hook?

Con React 16.8.6 (era buono sulla versione precedente 16.8.3), ottengo questo errore quando provo a prevenire un ciclo infinito su una richiesta di recupero ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Non sono stato in grado di …

178 reactjs eslint create-react-app react-hooks

13

Come usare componentWillMount () in React Hooks?

Nei documenti ufficiali di React menziona: Se hai familiarità con i metodi del ciclo di vita della classe React, puoi pensare a useEffect Hook come componentDidMount, componentDidUpdate e componentWillUnmount combinati. La mia domanda è: come possiamo usare il componentWillMount()metodo del lifecyle in un gancio?

176 javascript reactjs jsx react-hooks

4

Il metodo set useState non riflette immediatamente la modifica

Sto cercando di imparare gli hook e il useStatemetodo mi ha confuso. Sto assegnando un valore iniziale a uno stato sotto forma di un array. Il metodo set in useStatenon funziona anche con spread(...)o without spread operator. Ho creato un'API su un altro PC che sto chiamando e recuperando i …

168 javascript reactjs react-hooks

9

Come confrontare oldValues e newValues su React Hooks useEffect?

Diciamo che ho 3 input: rate, sendAmount e receiveAmount. Ho messo 3 input su parametri differenti di EffectEffect. Le regole sono: Se sendAmount è cambiato, calcolo receiveAmount = sendAmount * rate Se changeAmount è cambiato, calcolo sendAmount = receiveAmount / rate Se la tariffa è cambiata, calcolo receiveAmount = sendAmount …

151 reactjs react-hooks

28

React Hook "useState" viene chiamato nella funzione "app" che non è né un componente della funzione React né una funzione React Hook personalizzata

Sto cercando di utilizzare hook di reazione per un semplice problema const [personState,setPersonState] = useState({ DefinedObject }); con le seguenti dipendenze. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } ma sto ancora ricevendo il seguente errore: ./src/App.js Riga 7: React Hook "useState" viene chiamato nella funzione "app" che non …

148 reactjs react-hooks

9

Cos'è useState () in React?

Attualmente sto imparando il concetto di hook in React e sto cercando di capire l'esempio seguente. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => …

134 javascript reactjs react-native react-hooks

7

React Hook Avvisi per la funzione asincrona in useEffect: la funzione useEffect deve restituire una funzione di pulizia o niente

Stavo provando l'esempio useEffect qualcosa come di seguito: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Esegui snippet di codiceNascondi risultatiEspandi lo snippet e ottengo questo avviso nella mia console. Ma …

117 javascript reactjs react-hooks

4

Perché React Hook useState usa const e non let

Il modo standard di utilizzare un React use Hook di stato è il seguente: const [count, setCount] = useState(0); Tuttavia, questa const countvariabile verrà chiaramente riassegnata a un diverso valore di base. Perché allora la variabile non è definita come let count?

33 javascript reactjs ecmascript-6 react-hooks

4

Il settatore hook useState sovrascrive erroneamente lo stato

Ecco il problema: sto cercando di chiamare 2 funzioni con un clic sul pulsante. Entrambe le funzioni aggiornano lo stato (sto usando l'hook useState). La prima funzione aggiorna il valore 1 correttamente a "nuovo 1", ma dopo 1s (setTimeout) viene attivata la seconda funzione e cambia il valore 2 in …

31 javascript reactjs react-hooks

3

Ascoltatore Firebase con React Hooks

Sto cercando di capire come utilizzare un listener Firebase in modo che i dati del cloud store vengano aggiornati con gli aggiornamenti degli hook di reazione. Inizialmente, l'ho realizzato utilizzando un componente di classe con una funzione componentDidMount per ottenere i dati del deposito. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() …

27 javascript reactjs firebase google-cloud-firestore react-hooks

3

Impossibile leggere la 'storia' della proprietà di undefined (useHistory hook of React Router 5)

Sto usando il nuovo uso History hook di React Router, uscito poche settimane fa. La mia versione di React-router è 5.1.2. My React è alla versione 16.10.1. Puoi trovare il mio codice in fondo. Tuttavia, quando imposto il nuovo useHistory dal reagente-router, ottengo questo errore: Uncaught TypeError: Cannot read property …

18 reactjs react-router react-hooks react-router-dom react-context

5

Hook React - usando useState vs solo variabili

React Hooks ci offre l'opzione useState e vedo sempre confronti di Hooks vs Class-State. Ma che dire di Hooks e di alcune variabili regolari? Per esempio, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Non ho usato Hooks e mi darà gli stessi risultati di: …

12 javascript node.js reactjs react-hooks

1

Come creare un hook personalizzato che riceve le dipendenze?

Sto realizzando un hook personalizzato che ha un toogle quando alcuni stati cambiano. Dovresti essere in grado di passare qualsiasi stato in un array. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) …

10 reactjs react-native eslint react-hooks

1

TypeError: (0, _react.useEffect) non è una funzione

quando in ambiente di sviluppo, la mia app funziona perfettamente. Quando nell'ambiente di produzione si blocca con l'errore: Uncaught TypeError: (0 , _react.useEffect) is not a function Succede in un file che ho creato dove importare React e useEffect in questo modo: import React, { useEffect } from 'react' const …

9 javascript reactjs react-hooks parceljs

Domande taggate «react-hooks»