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.
Ho unit test per il mio file reducers. Tuttavia, quando eseguo il debug nel browser, voglio controllare se le mie azioni sono state chiamate correttamente e se lo stato è stato modificato di conseguenza. Sto cercando qualcosa come: window._redux.store ... nel browser in modo da poterlo digitare sulla console e …
Devo implementare una logica di business a seconda della cronologia di navigazione. Quello che voglio fare è qualcosa del genere: reactRouter.onUrlChange(url => { this.history.push(url); }); C'è un modo per ricevere una richiamata da React-router quando l'URL viene aggiornato?
Sto provando React-Router (v4) e ho problemi ad avviare il Nav per avere uno dei Linkbe active. Se clicco su uno qualsiasi dei Linktag, le cose attive iniziano a funzionare. Tuttavia, vorrei che Home Linkfosse attivo non appena l'app si avvia poiché è il componente che viene caricato sul /percorso. …
Ho configurato eslint& eslint-plugin-react. Quando eseguo ESLint, il linter restituisce no-unused-varserrori per ogni componente React. Presumo che non riconosca che sto usando la sintassi JSX o React. Qualche idea? Esempio: app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() …
Ho avuto qualche problema con il router React (sto usando la versione ^ 4.0.0). questo è il mio index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> …
Ho alcuni oggetti di scena che hanno una stringa che potrebbe contenere caratteri come &. Contiene anche spazi. Voglio sostituire tutti gli spazi con &nbsp;. C'è un modo semplice per farlo? Tieni presente che non posso eseguire il rendering utilizzando questa sintassi: <div dangerouslySetInnerHTML={{__html: myValue}} /> perché dovrei prima sostituire …
Ho provato a cercare una risposta a questo, ma la maggior parte di loro è al di fuori del contesto di React, dove si onChangeinnesca su sfocatura. Durante l'esecuzione di vari test, non riesco a dire in che modo questi due eventi sono diversi (quando applicati a un'area di testo). …
Ho un componente che a volte dovrà essere renderizzato come un <anchor>e altre volte come un file <div>. L' propho letto per determinarlo, è this.props.url. Se esiste, devo rendere il componente avvolto in un file <a href={this.props.url}>. Altrimenti viene semplicemente renderizzato come file <div/>. Possibile? Questo è quello che sto …
Mi piacerebbe sapere come attivare uno stato booleano di un componente di reazione. Per esempio: Ho il controllo dello stato booleano nel costruttore del mio componente: constructor(props, context) { super(props, context); this.state = { check: false }; }; Sto provando a cambiare lo stato ogni volta che si fa clic …
C'è un modo per far sì che React Router apra un collegamento in una nuova scheda? Ho provato questo e non ha funzionato. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> È possibile confonderlo aggiungendo qualcosa di simile onClick="foo"al Link come quello che ho sopra, ma ci sarebbe un errore della console. …
Diciamo che ho un semplice interruttore: Quando faccio clic sul pulsante, il componente Colore cambia tra rosso e blu Potrei ottenere questo risultato facendo qualcosa di simile. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } riduttore.js switch(){ case 'CHANGE_COLOR': return …
Sto cercando modi per implementare lo scorrimento infinito con React. Mi sono imbattuto in react-infinite-scroll e l'ho trovato inefficiente in quanto aggiunge solo nodi al DOM e non li rimuove. Esiste una soluzione collaudata con React che aggiungerà, rimuoverà e manterrà un numero costante di nodi nel DOM. Ecco il …
Qual è il modello consigliato per eseguire un setState su un genitore da un componente figlio. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return <div>{todo}</div>; }); return <div> …
Sto riscrivendo la mia app per utilizzare Flux e ho un problema con il recupero dei dati dagli Store. Ho molti componenti e si annidano molto. Alcuni di loro sono grandi ( Article), altri piccoli e semplici ( UserAvatar, UserLink). Ho lottato con dove nella gerarchia dei componenti dovrei leggere …
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.