Question

如何设置JSFiddle以使用CoffeeScript和React？

我想使用CoffeeScript编写React示例并期望它运行。

我已尝试将语言设置为左侧边栏上的CoffeeScript，并包含React库，但这不起作用。

关于如何让Coffee + React与JSFiddle合作的任何指示？

Answer 1

来自<script src="https://facebook.github.io/react/js/jsfiddle-integration.js"></script>，包含在游乐场中：

(function() {
  var tag = document.querySelector(
    'script[type="application/javascript;version=1.7"]'
  );
  if (!tag || tag.textContent.indexOf('window.onload=function(){') !== -1) {
    alert('Bad JSFiddle configuration, please fork the original React JSFiddle');
  }
  tag.setAttribute('type', 'text/jsx;harmony=true');
  tag.textContent = tag.textContent.replace(/^\/\/<!\[CDATA\[/, '');
})();

原因是你正在使用jsx的游乐场，并且由于FB将设置限制为JS 1.7，我猜他们正在使用Babel将其编译为js。

因此，如果你使用非jsx链接，并将语法更改为Coffee并修改JS / CS文件，那么你就可以了。

以下是工作副本：https://jsfiddle.net/9gnkLgex/

使用CoffeeScript + React设置JSFiddle？

1 个答案: