我正在 React 中使用 ES6 语法，并编写如下组件：
export default class Loginform extends React.Component {
getInitialState() {
return {
name: '',
password: ''
};
};
}
但是浏览器让我担心：
警告：getInitialState 是在 Loginform 上定义的，它是一个普通的 JavaScript 类。这只支持使用 React.createClass 创建的类。你的意思是定义一个状态属性吗？
我可以用传统的语法处理它，var Loginform = React.createClass但什么是正确的 ES6 语法？
还有一点，我觉得在传统语法中React.createClass是一个对象，所以里面的函数用逗号分隔，但是对于extends需要分号的类，我不太理解。
ES6 类方法声明之间不需要分号或逗号。
对于 ES6 类，getInitialState已被弃用，以支持在构造函数中声明初始状态对象：
export default class Loginform extends React.Component {
constructor(props, context) {
super(props, context);
this.state = {
name: '',
password: ''
};
};
}
ES6 示例：state、defaultProps、propTypes
import React from 'react'
import ReactDom from 'react-dom';
export default class Item extends React.Component{
constructor(props){
super(props);
this.state = {
check:false,
};
this.click=this.click.bind(this);
}
click(){
this.setState({check:true});
}
render(){
const text=this.state.check?'yes':'no';
return(<div onClick={this.click}>{this.props.name} : <b>{text}</b></div>)
}
}
Item.defaultProps={
comment:"default comment",
};
Item.propTypes={
name:React.PropTypes.string.isRequired,
};
如果我们使用类字段，以下是有效的。
state = {
name: '',
password: ''
}
这可以用来代替
constructor(props, context) {
super(props, context);
this.state = {
name: '',
password: ''
};
};