Programmazione reactjs

4

Modo corretto di gestione degli errori in React-Redux

Voglio capire qual è il modo più generale o corretto di gestire gli errori con React-Redux. Supponiamo che io abbia un componente di registrazione del numero di telefono. Quel componente genera un errore dire se il numero di telefono di input non è valido Quale sarebbe il modo migliore per …

11 reactjs redux

4

La fabbrica native.createnavigator non è una funzione

Progetterò una navigazione del cassetto nel mio progetto. L'ho installato con questo comando: npm install @react-navigation/drawer Quindi importato in App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Questo è il mio package.jsoncontenuto: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": …

10 reactjs react-native navigation-drawer react-navigation

3

Reagisci usoEffetto in profondità / uso dell'usoEffetto?

Sto cercando di capire il useEffectgancio in profondità. Vorrei sapere quando utilizzare quale metodo e perché? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])

10 javascript reactjs react-redux

1

Passa prop a ogni singola pagina in Next.js con getInitialProps usando Typescript

Ho un caso in cui ho bisogno di sapere se l'utente ha effettuato l'accesso o meno prima che la pagina venga renderizzata sul lato server e rispedita a me usando Next.js per evitare modifiche dello sfarfallio nell'interfaccia utente. Sono stato in grado di capire come impedire all'utente di accedere ad …

10 javascript reactjs typescript next.js

3

Il mantenimento della posizione di scorrimento funziona solo quando non vicino alla parte inferiore dei messaggi div

Sto cercando di imitare altre app di chat mobile in cui quando si seleziona la send-messagecasella di testo e si apre la tastiera virtuale, il messaggio più in basso è ancora in vista. Non sembra esserci un modo per farlo sorprendentemente con i CSS, quindi JavaScript resize(l'unico modo per scoprire …

10 javascript android html css reactjs

1

Passando il link di reazioni-router-dom nella libreria esterna

Sto eseguendo il rendering dei componenti dalla mia libreria di pattern esterna (node_modules). Nella mia app principale, sto passando la mia Linkistanza dal react-router-domcomponente delle mie librerie esterne in questo modo: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: …

10 javascript reactjs react-router-dom

4

Come si ottengono i dettagli del db dell'utente relativi a un autore in Firestore?

Sto cercando di capire come ottenere un nome utente che è un attributo archiviato in una raccolta utenti, che è stato unito agli attributi creati dal modello di autenticazione Firebase. Posso accedere ad authUser - il che mi dà i campi limitati raccolti da firebase nello strumento di autenticazione, e …

10 reactjs firebase google-cloud-firestore firebase-authentication

1

Gestione degli errori con hook di response-apollo useMutation

Ho cercato di risolvere il problema ma non ho trovato una risposta forte. Sto cercando di eseguire una mutazione di accesso utilizzando il hook useMutation. TLDR; Voglio sapere qual è esattamente la differenza tra le opzioni onError passate e l'errore dato da useMutation Ecco il mio frammento di codice const …

10 reactjs graphql react-apollo apollo-client

1

Sovvenzione extra pop-up quando si richiede l'autorizzazione di Google Calendar

Google mostra i 3 popup precedenti agli utenti quando provano a registrarsi utilizzando Google sul mio sito Web, ma non mostra lo stesso popup quando provo a registrarmi. Quello che vedo è solo questo: Questi 3 pop-up separati stanno causando enormi drop-off dal mio sito web. Come posso rimuovere questi …

10 reactjs google-calendar-api google-signin google-apps google-login

6

Reagisci: visualizza un timestamp del punto vendita

Sto cercando di capire come visualizzare un timestamp in un app reagire. Ho un documento del deposito con un campo chiamato creatoAt. Sto cercando di includerlo in un elenco di output (estraendo qui i bit pertinenti in modo da non dover leggere l'intero elenco di campi). componentDidMount() { this.setState({ loading: …

10 javascript reactjs firebase google-cloud-firestore unix-timestamp

4

componentWillReceiveProps è stato rinominato

Sto usando Material ui SwipeableViews che utilizzano il pacchetto ReactSwipableView, visualizzo questo errore sulla console reazioni-dom.development.js: 12466 Avvertenza: componentWillReceiveProps è stato rinominato e non è raccomandato per l'uso. Vedi per i dettagli. Sposta il codice di recupero dati o gli effetti collaterali in componentDidUpdate. Se stai aggiornando lo stato ogni …

10 reactjs

1

X-Content-Encoding-Over-Network nell'intestazione della risposta ma non codifica del contenuto

Sto cercando di comprimere il codice scritto con Next.js utilizzando Gzip consegnare con server Nginx e NodeJS. Sembra che la configurazione funzioni quando uso curl -H "Content-Encoding: gzip"per verificare. Ma vieni al vero browser (Chrome, Firefox) Non riesco a trovare la Content-Encoding: gzipproprietà in Header di risposta. Invece, X-Content-Encoding-Over-Network: gzipè …

10 node.js reactjs nginx gzip next.js

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

2

React-Redux - API Hooks

Sto cercando di configurare la mia nuova applicazione di reattivo-redux per utilizzare le nuove funzionalità di React-Redux. La documentazione ufficiale dice React Redux ora offre un set di API hook in alternativa al componente di ordine superiore connect () esistente. Ho cercato di trovare alcuni articoli di aiuto relativi all'API …

9 reactjs typescript redux react-redux

Domande taggate «reactjs»