2014-09-16 10 views
10

Ich habe großes Glück gehabt mit JSX im Browser Reagieren des mit JSXTransformer.js zu entwickeln: vorformuliertenIst es möglich, Harmony (ES6) mit JSXTransformer.js zu verwenden?

<script src="http://fb.me/JSXTransformer-0.11.1.js"></script> 
<script type="text/jsx"> 
/** @jsx React.DOM */ 
... 
</script> 

zu reduzieren, würde Ich mag einige der Funktionen von Harmony verwenden, z.B. arrow functions. Facebook JSX Compiler Service hat eine Harmonie Checkbox, die ES6 verwandelt zu traditionelleren JS:

var f = v => this.props[v]; 
// becomes var f = function(v) { return this.props[v]; }.bind(this); 

Ist es möglich, diese Transformation mit dem in-Browser JSX zu aktivieren?

Antwort

21

Diese Funktion was added in React v0.11. Anstelle von type="text/jsx" setzen Sie type="text/jsx;harmony=true". Zum Beispiel:

<script type="text/jsx;harmony=true"> 
/** @jsx React.DOM */ 
var f = v => v*v; 
console.log(f(2)); // logs 4 
</script> 
+5

Hinweis: ab v0.12 Reaktion, die '@ jsx' Pragma [ist unnötig] (http://facebook.github.io/react/blog/2014/10/16/react -v0.12-rc1.html # the-jsx-pragma-is-gone). – danvk

+0

Was ist "@jsx Pragma"? – Snowmanzzz

Verwandte Themen