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

Commenti

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

Ubuntu: La propria installazione di python è danneggiata. Correggere il collegamento simbolico «/usr/bin/python».

Questa è un problema, soprattutto se si vuole aggiornare la distribuzione.+
Dì la verità: hai pacioccato con le versioni di python vero? Volevi usare la 3.5 e non 2.7 e così hai aggiunto alternatives o manipolato il symlink.
No? io si.
Così in fase di aggiornamento mi sono bloccato.
Allora per risolverlo ecco la soluzione: elimina tuttle le eventuali alternative : sudo update-alternatives –remove-all pythoncrea il symlink alla 2.7 sudo ln -s /usr/bin/python3.5 /usr/bin/pythonaggiorna i permessi: sudo chmod 7777 /usr/bin/python
Ora funziona tutto.
La soluzione l’ho scovata qui: https://askubuntu.com/questions/448926/do-release-upgrade-python-install-is-corrupted

Setup Google Tag Manager con PrestaShop per l'e-commerce avanzato

Google Tag Manage e E-commerce Avanzato all’interno della documentazione ufficiale è descritto sia il processo che il codice di implementazione per il monitoraggio avanzato dell’e-commerce
In breve il codice da inserire deve essere un array tipo dataLayer che contiene una serie di informazioni per il monitoraggio di:
impressioni di prodotto e di categoriadettaglio di prodottocheckoutacquisto Sono presenti anche i meccanismi per il monitoraggio delle promozioni, per l’annullamento ordine e per l’aggiunta dinamica del prodotto in carrello
Nel caso del modulo BwAnalytics sono monitorati i primi 4.
Google Tag Manager L’attivazione dell’ecommerce avanzato si effettua sulla vista di Google Analytics e si impostano i nomi degli step del processo di checout mappati all’interno del codice
Limpostazione di Google Tag Manager per l’e-commerce avanzato richiede la greazione di 3 tag:
impressioni e dattagli categoria e prodottocheckout acquisto pagine prestashop coinvolte Su prestashop le pagine di…