2014-11-21 26 views
5

Sto usando ReactJS ed è SyntheticEvent a tracciare l'evento ed è il nodo DOM di destinazione.ReactJS: Posso creare il mio SyntheticEvent?

Sto creando alcuni componenti mutabili e voglio che attivino SyntheticEvent per tracciare il DOM e tracciare il valore modificato utilizzando e.target e e.target.value.

Come posso creare un'istanza di SyntheticEvent e assegnare loro il DOM e il suo valore target?

+0

Perché è necessario utilizzare un evento? Se hai già un riferimento all'elemento DOM, puoi semplicemente chiamare una funzione? Usa i callback e passa i callback da genitore a figlio come oggetti di scena. –

+0

Ho un interruttore on-off che voglio lavorare come checkbox e non esiste alcuna casella di controllo e voglio imitare il suo comportamento e quindi voglio un SyntheticEvent. Lo stesso con il mio editor WYSIWYG. –

risposta

-1

nel JSX componente restituisce si potrebbe aggiungere qualcosa di simile

<button onClick={this.myEventHandlerFunc}>button text</button> 

Dichiarare la myEventHandlerFunc: function (e) {} nel componente e fare le tue cose :)

Spero che questo ha aiutato. .. sto iniziando a google Now per trovare qualche esempio in più;)

EDIT:

Se si vuole generare eventi personalizzati si potrebbe anche semplicemente usare JQ ad esempio, ed esegui il binding di quegli eventi sul componente di evento del ciclo di vitaDidMount. qui si potrebbe fare qualcosa di simile:

$(document).on('myCrazyEvent', this.componentEvtHandler) 

Da qualche altra parte è possibile creare e distribuire un evento come questo

$(document).trigger('myCrazyEvent', [customVar]); 
Problemi correlati