klasa rozszerza React.Component nie można używać getInitialState w React

Question

jestem tring składnię ES6 w React i pisać komponenty takie jak:

export default class Loginform extends React.Component { 
    getInitialState() { 
     return { 
      name: '', 
      password: '' 
     }; 
    }; 
} 

ale przeglądarka rzuca mi Waring o:

Ostrzeżenie: getInitialState został zdefiniowany w Loginform, zwykłej klasie JavaScript . Ta funkcja jest obsługiwana tylko w przypadku klas utworzonych przy użyciu parametru React.createClass: . Czy zamiast tego chciałeś zdefiniować właściwość stanu?

Potrafię sobie z tym poradzić przy użyciu tradycyjnej składni var Loginform = React.createClass, ale jaka jest prawidłowa składnia ES6?

Inna mała rzecz, myślę, że w tradycyjnej składni React.createClass jest obiektem, więc funkcje w nim są oddzielone przecinkiem, ale z klasą extends wymaga średnika, nie rozumiem tego dobrze.

Answer 1

Nie potrzebujesz średników ani przecinków między deklaracjami metod klasy ES6.

Dla klas ES6, getInitialState została zastąpiona deklarując początkowy obiekt stanu w konstruktorze:

export default class Loginform extends React.Component { 
    constructor(props, context) { 
    super(props, context); 

    this.state = { 
     name: '', 
     password: '' 
    }; 
    }; 
} 

Answer 2

ES6 Przykład: Stan, 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, 
};