javascript - 使用 CoffeeScript + React 设置 JSFiddle？

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> ，包含在 Playground 中:

(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\[/, '');
})();

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

因此，如果您使用非 jsx链接，并将语法更改为 Coffee 并修改 JS/CS 文件，一切顺利。

这是一份工作副本:https://jsfiddle.net/9gnkLgex/