React jsfiddle 设置不适用于 ecmascript 6

Question

我已经尝试运行从 https://github.com/fraserxu/react-dropdown/blob/master/index.js to the react jsfiddle set up https://jsfiddle.net/rajcse111/69z2wepo/13405/

响应下拉菜单

我已将 github 中的代码粘贴到 jsfiddle 中，但它无法正常工作。

任何人都可以向我展示运行 jsfiddle 上使用 ecmascript 6 进行反应的简单 hello world 的示例。

我试过简单的例子：

import React from 'react';

export class class Hello extends React.Component {
  constructor(props) {
    super(props);
 }

render(){
   <div>
   <input type="text" />
   </div>
    );
  }
}

React.render(<Hello />, document.getElementById('container'));

但这也行不通。

请帮忙！

Answer 1

你需要用 babeljs 或类似的东西预编译它，因为浏览器还不支持很多 ES6 特性，也不支持 JSX。最简单的方法是将代码粘贴到 http://babeljs.io/repl/，然后将输出复制到 jsfiddle。您需要确保添加 CDN link 或其他内容以包含 react.js 源。

React jsfiddle 设置不适用于 ecmascript 6

React jsfiddle setup not working with ecmascript 6

javascript

reactjs

ecmascript-6

jsfiddle

react-jsx