2014-09-16 12 views
10

Tôi đã có may mắn lớn sử dụng Phản ứng của JSXTransformer.js để phát triển sử dụng JSX trong trình duyệt:Có thể sử dụng Harmony (ES6) với JSXTransformer.js không?

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

Để giảm soạn sẵn, tôi muốn sử dụng một số tính năng từ Harmony, ví dụ arrow functions. Facebook JSX Compiler Service có một hộp kiểm hài hòa mà biến ES6 để JS truyền thống hơn:

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

Có thể cho phép chuyển đổi này với trình duyệt trong JSX?

Trả lời

21

Tính năng này was added trong React v0.11. Thay vì type="text/jsx", bạn đặt type="text/jsx;harmony=true". Ví dụ:

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

Lưu ý: tính Phản ứng v0.12, các '@ jsx' pragma [là không cần thiết] (http://facebook.github.io/react/blog/2014/10/16/react -v0.12-rc1.html # the-jsx-pragma-is-gone). – danvk

+0

"@jsx pragma" là gì – Snowmanzzz

Các vấn đề liên quan