Passa ai contenuti principali

React: domanda&risposta

questo semplice progetto di studio su reac lo potete trovare su Plunker

progetto

data una domanda, l’utente ha due risposte disponibili, due bottoni.
quando l’utente preme una risposta, la risposta è visualizzata.
non si deve testare la correttezza della risposta, ma si deve stampare la risposta data dall’utente

interazioni fra componenti

il progetto permette di studiare cosa sono gli stati, le proprietà e i metodi del componente.
sono creati 3 componenti:
- Domanda
- Risposta
- Contenuto
il Contenuto contiene la Domanda, le due Risposte possibili e stampa la risposta dell’utente
La domanda è un semplice testo statico
Mentre il Contenuto e la Risposta dialogano in quanto il valore della risposta è contenuto in Risposta e questo valore deve essere stampato in contenuto

soluzione

il componente Risposta ha due proprietà handler e valore. Il valore è il valore da stampare mentre handler è l metodo da richiamare quando l’utente fa click su una risposta.
quando l’utente fa click su una risposta viene esploso l’evento onCLick.
il metodo legato all’evento passa all’handler il valore della risposta
essendo handler e valore due proprietà, esse dovono essere valorizzate dal componente che richiama Risposta, ossia contenuto.
Contenuto assegna ha handler il proprio metodo setRisposta che ha un parametro in ingresso.
al suo interno imposta il proprio stato risposta con il valore del parametro.
Ergo,
Contenuto passa il riferimento di set risposta a handler quando chiama il componente Risposta
Risposta all’evento onClick richiama il metodo evento che al suo interno richiama la proprietà handler e passa il valore di risposta

un po’ arzigogolato ma funziona perfettamente e dimostra l’interoperabilità dei componenti in React

Post popolari in questo blog

install language on osTicket

this simple guide aims you to install and configure your language on osTicket i written this guide based on forum post http://osticket.com/forum/discussion/76252/installing-language-pack

Vich Uploader: due note per ricordare un apio di aspetti

la documentazione del bundle symfony vich uploader è chiara, anche se non è perfetta
quindi ecco un paio di note per non incappare in errori sciocchi che però fanno perdere tempo.
la configurazione in config.yml contiene le specifiche di come devono essere trattati i files in upload
la configurazione ha un nome e si chiama mapping. nella documentazione del bundle è product_image
nell'entity che conterrà l'immagine è necessario specificare due campi: imageFile e imageName
imageFile contiene il riferimento alla classe symfony File, che è il file effettivo in upload. Il campo è definito come UploadableField e richiede due cose: il nome del mapping, ossia il nostro precedente product_image (!importantissimo) e il nome di una proprieta dove mettere il nome del file
Il form che effettua l'upload del file deve inserire nel builder un campo di tipo vich_file o vich_image e il nome di questo campo deve essere imageFile.
in fase di caricamento il bundle crea in automatico le cartell…

Trasferimento server to server (LINUX) della casella email

Oggi ho scoperto un tool veramente molto utile per il trasferimento server to servevr delle caselle email. Ed è acnhe veloce.
Si chiama imapsync [rif: https://imapsync.lamiral.info/ ]In pratica il tool da linea di comando si connette via imap al server email precedente e trasporta tutto al server di destinazioneLo uso quando faccio migrazioni di vps.Come funziona imapsync per sincronizzare e emailInternet è una risorsa. Da questo blog ho preso tutte le indicazioni https://www.jverdeyen.be/ubuntu/imapsync-on-ubuntu/Uso una distribuzione ubuntu 14.04. Non esiste un pacchetto precompilato da installare. imapsync si basa su perl. Ve lo ricordate? Mica è andato in disuso.Primo: si installano le dipendenze di imapsync per la migrazione mail server to serversudo apt-get install makepasswd rcs perl-doc libio-tee-perl git libmail-imapclient-perl libdigest-md5-file-perl libterm-readkey-perl libfile-copy-recursive-perl build-essential make automake libunicode-string-perl Secondo: si scarica i…