Khi nào tôi nên sử dụng getInitialState trong một Phản ứng thành phần

Question

Tôi đã là một thành phần Phản ứng mà Toggles một className khi các thành phần được nhấp

var Foo = React.createClass({ 
    getInitialState: function() { 
    return {className: ''} 
    }, 

    render: function(){ 
    var className = 'bar ' + this.state.className 
    return React.createElement('div', {className: className, onClick: this.onClick}) 
    }, 

    onClick: function() { 
    this.setState({className: 'baz'}) 
    } 
}); 

Nó hoạt động tốt, nhưng khi tôi render phía máy chủ ứng dụng, tôi nhận được sau lỗi

Warning: getInitialState was defined on a component, a plain JavaScript class. 
This is only supported for classes created using React.createClass. 
Did you mean to define a state property instead? 

xây dựng của tôi bước được thiết lập như vậy

var Foo = require('./Foo'); 
var factory = React.createFactory(Foo); 
module.exports = React.renderToString(factory({})); 

Tại sao những gì tôi đang làm sai, và làm thế nào nó nên được thực hiện?

Answer 1

Tôi không chắc chắn nếu điều này sẽ giúp, nhưng khi sử dụng fluxible, đây là cú pháp tôi sử dụng với JSX như một phần của yêu cầu phần

var app = new Fluxible({ 
    component: React.createFactory(require('./Components/startup.react.jsx')) 
});