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.
Sono un po 'confuso su questi concetti, se costruisco la stessa app ToDo completamente in AngularJS e ReactJS --- cosa fa sì che React ToDo usi l'associazione dati unidirezionale rispetto all'associazione dati bidirezionale di AngularJS? Capisco che React funzioni come Rendering (dati) ---> UI. In che modo è diverso da …
Ho scritto dozzine di Reactfile, non uso mai il componentDidUpdatemetodo. C'è qualche tipico esempio di quando è necessario utilizzare questo metodo? Voglio qualche esempio del mondo reale, non una semplice demo. Grazie per la risposta!
Sto tentando di creare un bel componente ApiWrapper per popolare i dati in vari componenti figlio. Da tutto quello che ho letto, dovrebbe funzionare: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) …
A volte ho visto persone avvolgere i loro componenti withRouterquando li esportano: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); A cosa serve e quando dovrei usarlo?
Ho un oggetto che desidero trasmettere tramite REACT question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } e il mio componente di reazione (tagliato), è un altro componente class QuestionSet extends Component { render(){ <div className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); …
Ho pensato e sono confuso con il routing tra client e server. Supponiamo che io usi ReactJS per il rendering lato server prima di inviare la richiesta di nuovo al browser web, e uso il router reattivo come instradamento lato client per passare da una pagina all'altra senza aggiornare come …
La mia webApp di reazione fornisce questo errore nella console del browser Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Anche: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because …
Chiuso . Questa domanda deve essere più mirata . Attualmente non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che si concentri su un problema solo modificando questo post . Chiuso 3 anni fa . Migliora questa domanda Sono nuovo in React / Redux. Uso un middleware …
Voglio usare React per aggiungere componenti più volte in tutto il DOM. Questo violino mostra quello che sto cercando di fare e non genera errori. Ecco il codice: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents …
Ho un semplice componente React che collego (mappando un semplice array / stato). Per evitare di fare riferimento al contesto per il negozio, vorrei un modo per ottenere "spedizione" direttamente dagli oggetti di scena. Ho visto altri usare questo approccio ma non ho accesso a questo per qualche motivo :) …
Vorrei impostare il titolo del documento (nella barra del titolo del browser) per la mia applicazione React. Ho provato a utilizzare react-document-title (sembra obsoleto) e l'impostazione document.titlein constructore componentDidMount()- nessuna di queste soluzioni funziona.
Ho un problema in cui il ri-rendering dello stato causa problemi all'interfaccia utente e mi è stato suggerito di aggiornare solo un valore specifico all'interno del mio riduttore per ridurre la quantità di ri-rendering su una pagina. questo è un esempio del mio stato { name: "some name", subtitle: "some …
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.