2014-09-16 22 views
10

Ben tarayıcıda JSX kullanarak geliştirmek ve Tepkisiz en JSXTransformer.js kullanarak büyük yaşamadık:JSXTransformer.js ile Harmony (ES6) kullanmak mümkün mü?

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

klişe azaltmak için, ben Harmony, örneğin gelen özelliklerden bazılarını kullanmak istiyorum arrow functions.

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

o tarayıcı içi JSX ile bu dönüşümü sağlamak mümkün mü: Facebook'un JSX Compiler Service daha geleneksel JS için ES6 dönüştüren bir uyum onay kutusu bulunur?

cevap

21

Bu özellik, was added React v0.11 içinde bulunur. type="text/jsx" yerine, type="text/jsx;harmony=true"'u ayarlarsınız.

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

Not: itibarıyla v0.12 reaksiyona sokun, '@ jsx' Pragma [gereksizdir] (http://facebook.github.io/react/blog/2014/10/16/react Örneğin -v0.12-rc1.html #-JSX-pragma-is-gone). – danvk

+0

"@jsx pragma" nedir – Snowmanzzz

İlgili konular