我收到一个警告错误的 js fiddle 配置

Posted

技术标签:

【中文标题】我收到一个警告错误的 js fiddle 配置【英文标题】:I am getting an alert bad js fiddle configuration 【发布时间】:2017-10-27 23:47:21 【问题描述】: 我正在尝试从头开始学习 react。 所以我正在尝试显示 hello world。 但是当我运行小提琴时我收到一个错误的 js fiddle configuration 警报。 你们能告诉我如何解决它吗? 在下面提供代码和小提琴。

https://jsfiddle.net/q7yvmsa3/1/

var Hello = React.createClass(
  render: function() 
    return <div>Hello this.props.name</div>;
  
);

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

【问题讨论】:

Fork base reactjs fiddle 他们已经给出了。 jsfiddle.net/reactjs/69z2wepo @TharakaWijebandara 嘿,如果不分叉别人,我就无法实现...还有其他方法吗?? React.createClass 已弃用。使用 create-react-app 作为样板。 【参考方案1】:

您需要更改 jsFiddle 中的一些 javascript 设置才能使其正常工作。

单击 JavaScript 窗口右上角的 JavaScript 设置图标。为 LANGUAGE 选择 "JavaScript 1.7",为 LOAD TYPE 选择 "No wrap - in &lt;head&gt;"。之后,它应该会按预期工作。

【讨论】:

警报来自facebook.github.io/react/js/jsfiddle-integration-babel.js 文件,该文件检查这两个选项。可能是因为需要在浏览器中正确运行 babel 转换。 好吧,为什么我们需要改变负载类型

以上是关于我收到一个警告错误的 js fiddle 配置的主要内容,如果未能解决你的问题,请参考以下文章