Javascript 代码语法vs官方教程

在Codeacademy中，这是编写react组件的示例语法

var Input = React.createClass({
  getInitialState: function () {
    return {
      userInput: ''
    };
  },

  handleUserInput: function (e) {
    this.setState({
      userInput: e.target.value
    });
  },

  render: function () {
    return (
      <div>
        <input 
          type="text" 
          onChange={this.handleUserInput}
          value={this.state.userInput}  />
        <h1>{this.state.userInput}</h1>
      </div>
    );
  }
});

var Input=React.createClass({
getInitialState:函数（）{
返回{
用户输入：“”
};
},
handleUserInput：函数（e）{
这是我的国家({
用户输入：e.target.value
});
},
渲染：函数（）{
返回(
{this.state.userInput}
);
}
});

它通常看起来像一个具有各种属性的基本Javascript对象，这对我来说很有意义

下面是react官方教程中的一个示例

    class NameForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: ''};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input type="text" value={this.state.value} onChange={this.handleChange} />
        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}

类名称表单扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={value:''}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
警报（“已提交名称：”+this.state.value）；
event.preventDefault（）；
}
render（）{
返回(
姓名：
);
}
}

---

我不熟悉Javascript，所以第二种方法对我来说没什么意义。有人能帮我介绍一下像

classnameform扩展React.Component

这样的东西与像

var Input=React.createClass

这样的东西相比是如何的吗？另外，我想知道是否还有更多的基础教程教react使用官方教程中的语法（解释了语法的基本层次）

第一个示例是ECMAScript 5，第二个示例是ECMAScript 6

您可以找到它们之间的更改列表

要在ECMAScript 6上运行React，您应该使用Babel，但首先我建议：

---

有很好的文档，第一个是用它做“Hellow Word”应用程序。

第一个例子是ECMAScript 5，第二个例子是ECMAScript 6

您可以找到它们之间的更改列表

要在ECMAScript 6上运行React，您应该使用Babel，但首先我建议：

有很好的书面文档，第一次做“Hellow Word”应用程序与它