使用 CoffeeScript + React 设置 JSFiddle？答案

【问题标题】：Setting up JSFiddle with CoffeeScript + React?使用 CoffeeScript + React 设置 JSFiddle？
【发布时间】：2015-09-20 14:54:42
【问题描述】：

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

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

我尝试在左侧边栏中将语言设置为 CoffeeScript，并包括 React 库，但这不起作用。

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

【问题讨论】：

是否显示任何错误信息？有链接吗？

标签： javascript coffeescript reactjs jsfiddle

【解决方案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/

【讨论】：