2016-03-11 13 views
5

Come si risolvono i mix con reflusso con ES6?ReactJS Reflux utilizzando mixine con ES6

Ti piace questa:

mixins: [Reflux.listenTo(myStore, "onChange")] 
         ^

Risultati in errore "token imprevisto" con la freccia in figura.

React v 0.14.7 reflusso v 0.4.0

risposta

1

Teoricamente mixins lavori per reagire 0.14.

Non funzionano se si utilizza la sintassi ES6 (in particolare le classi). In ES6 utilizziamo invece componenti di ordine elevato.

Non è possibile semplicemente sostituire le miscele di riflusso con una sintassi ES6. Devi trovare non la soluzione mixins per il reflusso. C'è discussione interessante a questo proposito:

https://github.com/reflux/refluxjs/issues/225

E ci sono alcuni link che possono aiutare:

https://www.npmjs.com/package/reflux-provides-store https://www.npmjs.com/package/reflux-state-mixin

Oppure si può provare creare il componente di ordine elevato da mixins da questo componente :

https://github.com/timbur/react-mixin-decorator

1

Reflux ora ha un'API React ES6.

Vedi qui: https://github.com/reflux/refluxjs#react-es6-usage

Tutto v5 + ha la capacità ES6.

+0

Sebbene questo collegamento possa rispondere alla domanda, è meglio includere qui le parti essenziali della risposta e fornire il collegamento per riferimento. Le risposte di solo collegamento possono diventare non valide se la pagina collegata cambia. - [Dalla revisione] (/ recensione/post di bassa qualità/13012847) – DVarga

+0

Non sto inviando la totalità della documentazione della nuova API a Reflux in una risposta. Sarebbe ridicolo, e probabilmente sarebbe comunque superato abbastanza presto. Non esiste un mixin equivalente alla semplice commutazione di una linea ... è un'API totalmente diversa che sfrutta l'ereditarietà dell'ES6. L'interezza di quell'API è ciò che è rilevante qui, e che dovrebbe essere appreso da quella pagina, non da questa. – BryanGrezeszak