Articles of reactjs

Che cosa fa il simbolo at (@) in ES6 javascript? (ECMAScript 2015)

Sto guardando un codice ES6 e non capisco cosa fa il simbolo @ quando viene posto di fronte a una variabile. La cosa più vicina che ho trovato ha qualcosa a che fare con i campi privati? Codice che stavo guardando dalla libreria redux : import React, { Component } from ‘react’; import { bindActionCreators […]

Reagire reactjs-router-dom passare oggetti di scena al componente

Ho bisogno di passare oggetti di scena al componente tramite router. Ecco il mio codice: import React, { Component, PropTypes } from ‘react’; import { connect } from ‘react-redux’; import AppBarTop from ‘./appbar/AppBarTop’; import Login from ‘../pages/login/Login’; import {BrowserRouter as Router, Route} from ‘react-router-dom’; class App extends Component { render() { const { isAuthenticated } […]

Percorso corretto per img su React.js

Ho qualche problema con le mie immagini sul mio progetto di reazione. In effetti ho sempre pensato che il percorso relativo nell’attributo src fosse costruito sull’architettura dei file Ecco la mia architettura di file: components file1.jsx file2.jsx file3.jsx conainter img js … Tuttavia ho capito che il percorso è stato costruito sull’URL. In uno dei […]

Gestione degli eventi KeyPress in reactJs

var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert(‘Adding….’); } }, render: function(){ return( ); } }); React.render(, document.body); Come posso far funzionare l’evento KeyPress in React JS. Dovrebbe avvisare quando si preme enter (keyCode=13) viene premuto.

La mappa di array ES6 non restituisce nulla: ReactJS

Ho una matrice e ho un valore stringa semplice. Voglio mappare la mia matrice perché sto cercando di trovare il mio valore di stringa. Ho un codice come questo, ma la funzione mappa non restituisce nulla: / class Application extends React.Component { constructor(){ super(); this.state = { questionAnswer: ‘is that possible’, question: [‘is’, ‘possible’, ‘that’] […]

i bambini propongono nel componente React

sto imparando reactjs al momento. questo è il collegamento con il codice: http://redux.js.org/docs/basics/ExampleTodoList.html Sto avendo un po ‘di difficoltà a capire cosa sta succedendo in questa parte del codice const Link = ({ active, children, onClick }) => { if (active) { return {children} } return ( { e.preventDefault() onClick() }} > {children} ) } […]

Perché il concetto di Virtual DOM di React si dice sia più performante del controllo del modello sporco?

Ho visto un talk show di React all’indirizzo http://www.youtube.com/watch?v=x7cQ3mrcKaY e l’oratore ha detto che il controllo sporco del modello può essere lento. Ma non sta calcolando la differenza tra i DOM virtuali in realtà ancora meno performanti dal momento che il DOM virtuale, nella maggior parte dei casi, dovrebbe essere più grande del modello? Mi […]

Gestire la richiesta asincrona con React, Redux e Axios?

Sono nuovo di React JS e Redux ed è stato troppo travolgente per andare avanti. Sto cercando di fare una richiesta POST usando Axios, ma non sono in grado di farlo. Potrebbe essere mi manca qualcosa nel file contenitore. Di seguito è riportato il codice. Controlla plnkr Aggiornamento: Ricevo il messaggio @@ redux-form / SET_SUBMIT_SUCCEEDED […]

Come restituire più righe JSX in un’altra dichiarazione di ritorno in React?

La singola linea funziona bene render: function () { return ( {[1,2,3].map(function (n) { return {n} }} ); } non per più righe render: function () { return ( {[1,2,3].map(function (n) { return ( Item {n} Description {n} ) }} ); } Grazie.

Rilevamento della pagina di partenza dell’utente con react-router

Voglio che la mia app ReactJS avvisi un utente quando si naviga lontano da una pagina specifica. In particolare un messaggio popup che gli ricorda di fare un’azione: “Le modifiche vengono salvate, ma non ancora pubblicate. Fallo adesso?” Dovrei farlo funzionare su react-router livello globale, o è qualcosa che può essere fatto all’interno della pagina […]