Programmazione reactjs

2

valore dell'uso di React.forwardRef vs prop di riferimento personalizzato

Vedo che React.forwardRef sembra essere il modo sanzionato di passare un riferimento a un componente funzionale figlio, dai documenti di reazione: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); …

13 javascript reactjs performance

6

cartella public, src e script non creata durante l'utilizzo di create -eagire-app

Sto cercando di creare un nuovo progetto usando create-react-appil comando dato sui documenti, npx create-react-app my-appma non contiene cartelle come public srce script.

13 reactjs create-react-app

3

Javascript - Funzioni pure vs impure

Ho esaminato le definizioni dei due come: Le funzioni pure sono quelle che non tentano di modificare i propri input e restituiscono sempre lo stesso risultato per gli stessi input. Esempio function sum(a, b) { return a + b; } E la funzione Impure è quella che cambia il proprio …

12 javascript reactjs redux

5

Best practice per la libreria di componenti condivisi

Sto creando una libreria di componenti React condivisibile. La libreria contiene molti componenti ma l'utente finale potrebbe averne solo bisogno per utilizzarne alcuni. Quando si raggruppa il codice con Webpack (o Parcel o Rollup), viene creato un singolo file con tutto il codice . Per motivi di prestazioni, non voglio …

12 reactjs npm webpack es6-modules rollup

2

React.js di sicurezza tra domini popup OAuth

Sono interessato a come implementare OAuth in React usando popup ( window.open). Ad esempio ho: mysite.com - è qui che apro il popup. passport.mysite.com/oauth/authorize - apparire. La domanda principale è come creare una connessione tra window.open(popup) e window.opener(come è noto, window.opener è nullo a causa della sicurezza tra domini, quindi …

12 javascript reactjs oauth popup authorization

6

Gestire il cambiamento sul componente Completamento automatico dall'interfaccia utente materiale

Voglio usare il Autocompletecomponente per i tag di input. Sto cercando di ottenere i tag e salvarli su uno stato in modo da poterli successivamente salvare sul database. Sto usando le funzioni anziché le classi in reagire. Ci ho provato onChange, ma non ho ottenuto alcun risultato. <div style={{ width: …

12 reactjs material-ui

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

4

Il modo migliore per passare i parametri nel gestore onClick

Questo è il mio componente che sto usando la funzione freccia in linea per cambiare il percorso onClickdel div ma so che non è un buon modo in termini di prestazioni 1. Funzione freccia in linea changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() => this.changeRoute("page1")}>1</div> …

11 javascript reactjs

5

material-ui 'createSvgIcon' non viene esportato da '@ material-ui / core / utils'

Ho installato material-ui / lab per utilizzare il componente di avviso, ma ogni volta che lo importa con: import Alert from '@material-ui/lab/Alert';non riesce a compilare e genera questo errore: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Quindi ho provato a risolvere questo problema con Google e ho …

11 javascript node.js reactjs material-ui

2

Compilare l'errore usando Lab Component> Funzione di completamento automatico per le icone SVG nell'interfaccia utente del materiale

Ho ricevuto il seguente errore quando ho eseguito il mio progetto sul browser: Impossibile compilare: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Sto cercando di implementare il componente Completamento automatico (dall'esempio nella sezione "Valori multipli"). Ecco il codice che sto usando: import React from 'react'; import Chip …

11 reactjs typescript material-ui

3

Come posso creare un componente React "If" che si comporta come un vero "if" in Typescript?

Ho creato un semplice <If />componente di funzione usando React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return <>{props.children}</>; } return null; } Mi permette di scrivere un codice più pulito, …

11 javascript reactjs typescript

6

Reagisci - Come rilevare quando tutti i sottocomponenti di un componente padre sono visibili all'utente?

TL; DR Come può un componente genitore sapere quando il rendering di ogni componente figlio è terminato e il DOM visibile all'utente con la sua versione più aggiornata? Diciamo che ho un componente component Ache ha un Gridcomponente figlio costituito da 3x3componenti nipote. Ognuno di questi componenti del nipote recupera …

11 reactjs

3

Il menu non sta aprendo un div indice corretto

Guy sto affrontando un problema. Ho un dato bidimensionale. I dati hanno una struttura nidificata che contiene collegamenti. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title: "Themes & …

11 reactjs

1

Come implementare il ripristino scroll per React Router SPA

Sto costruendo un'applicazione React a pagina singola e ho notato che il ripristino dello scorrimento non sembra funzionare come previsto in Chrome (e forse in altri browser). Sul repository github di reazioni-router-dom, hanno una pagina che dice che i browser stanno iniziando a gestire nativamente lo scorrimento per le app …

11 javascript reactjs google-chrome react-router

5

Come risolvere "Impossibile utilizzare l'istruzione import all'esterno di un modulo" in jest

Ho un'applicazione React (che non usa Create React App) creata usando TypeScript, Jest, Webpack e Babel. Quando provo a eseguire "jest filato", viene visualizzato il seguente errore: Ho provato a rimuovere tutti i pacchetti e ad aggiungerli di nuovo. Non risolve questo. Ho esaminato domande e documentazione simili e sto …

11 reactjs jestjs babeljs babel-jest ts-jest

Domande taggate «reactjs»