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.
Sto cercando di attivare / disattivare lo stato di un componente in ReactJS ma viene visualizzato un errore che indica: Profondità di aggiornamento massima superata. Ciò può accadere quando un componente chiama ripetutamente setState all'interno di componentWillUpdate o componentDidUpdate. React limita il numero di aggiornamenti nidificati per evitare loop infiniti. …
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?
Sono molto nuovo su React JS (come in, appena iniziato oggi). Non capisco bene come funzioni setState. Sto combinando React e Easel JS per disegnare una griglia basata sull'input dell'utente. Ecco il mio cestino JS: http://jsbin.com/zatula/edit?js,output Ecco il codice: var stage; var Grid = React.createClass({ getInitialState: function() { return { …
Ho lavorato con un progetto React, usando create-react-appe ho due opzioni per avviare il progetto: Primo modo: npm run startcon la definizione package.jsonsimile a questa: "start": "react-scripts start", Secondo modo: e npm start Qual è la differenza tra questi due comandi? E qual è lo scopo del react-scripts start? Ho …
Creo un progetto ReactJS con il create-react-apppacchetto e ha funzionato bene, ma non riesco a trovare i file e le configurazioni del webpack. Come funziona la reatt-create-app con il webpack? Dove si trovano i file di configurazione del webpack in un'installazione predefinita create-react-app? Non riesco a trovare i file di …
C'è qualche differenza "dietro le quinte" rispetto all'impostazione dell'HTML interno di un elemento rispetto all'impostazione della proprietà dangerouslySetInnerHTML su un elemento? Supponiamo che sto disinfettando correttamente le cose per semplicità. Esempio: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); vs var …
Ho un problema, che non ho idee, come risolverlo. Nel mio componente di reazione visualizzo un lungo elenco di dati e alcuni collegamenti in fondo. Dopo aver fatto clic su uno di questi collegamenti, compilo l'elenco con una nuova raccolta di collegamenti e devo scorrere verso l'alto. Il problema è: …
Con questo codice: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Ottengo questo errore eslint: 7:16 error Parsing error: Unexpected token .. Why? Ecco la mia configurazione eslint: …
Ho problemi ad aggiornare lo stato della casella dopo che è stato assegnato con il valore predefinito checked="checked"in React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Dopo l'assegnazione checked="checked", non posso interagire con lo stato della casella facendo clic per deselezionare / selezionare.
Sono nuovo di React JavaScript. Sto cercando di disabilitare un pulsante quando un campo di input è vuoto. Qual è l'approccio migliore in React per questo? Sto facendo qualcosa del tipo: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> È corretto? Non è solo la duplicazione dell'attributo dinamico, perché sono anche curioso …
Sto cercando di eseguire il rendering dinamico dei componenti in base al loro tipo. Per esempio: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Ho provato la soluzione qui proposta per i nomi dei componenti dinamici di …
Sto usando React e Redux per sviluppare una webapp e quando ho avviato il mio progetto ho ottenuto questo: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Cerco molto su come risolverlo, ma nessuna delle risposte che ho trovato mi ha …
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 …
Come posso caricare un'immagine dalla directory locale e includerla nel reactjs img srctag? Ho un'immagine chiamata one.jpegall'interno della stessa cartella del mio componente e ho provato entrambi <img src="one.jpeg" />e <img src={"one.jpeg"} />all'interno della mia renderfunzione ma l'immagine non viene visualizzata. Inoltre, non ho accesso al webpack configfile poiché il …
Posso raggiungere questo endpoint, http://catfacts-api.appspot.com/api/facts?number=99tramite Postman e ritornaJSON Inoltre sto usando creare-reagire-app e vorrei evitare di configurare qualsiasi configurazione del server. Nel mio codice client sto cercando di usare fetchper fare la stessa cosa, ma ottengo l'errore: Nessuna intestazione 'Access-Control-Allow-Origin' è presente sulla risorsa richiesta. L'origine ' http: // localhost: …
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.