2014-09-16 7 views
10

मैं प्रतिक्रिया के JSXTransformer.js का उपयोग कर ब्राउज़र में JSX का उपयोग कर विकसित करने के लिए महान भाग्यशाली रहे हैं:क्या JSXTransformer.js के साथ सद्भाव (ES6) का उपयोग करना संभव है?

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

बॉयलरप्लेट कम करने के लिए, मैं सद्भाव, उदा से सुविधाओं में से कुछ का उपयोग करना चाहते arrow functions

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

यह इन-ब्राउज़र JSX के साथ इस परिवर्तन को सक्षम करना संभव है: फेसबुक के JSX Compiler Service एक सद्भाव चेकबॉक्स जो अधिक परंपरागत जे एस के लिए ES6 बदल देती है?

उत्तर

21

यह सुविधा was added प्रतिक्रिया v0.11 में। type="text/jsx" के बजाय, आप type="text/jsx;harmony=true" सेट करते हैं।

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

नोट:: के रूप में प्रतिक्रिया v0.12, '@ jsx' pragma [अनावश्यक है] (http://facebook.github.io/react/blog/2014/10/16/react उदाहरण के लिए -v0.12-rc1.html #-jsx-pragma-है-चला गया है)। – danvk

+0

"@jsx pragma" क्या है – Snowmanzzz

संबंधित मुद्दे