Kiedy należy używać getInitialState w sposób React komponent

Question

Mam komponent React że przełącza się className gdy składnik kliknięciu

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'}) 
    } 
}); 

To działa dobrze, ale kiedy jestem renderowania po stronie serwera aplikacji, otrzymuję następujący błąd

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? 

mój krok kompilacji jest ustawiony tak jak

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

Dlaczego co robię źle i jak należy to zrobić?

Answer 1

Nie jestem pewien, czy to pomaga, ale podczas korzystania fluxible, to jest składnia użyłem z JSX jako część wymaga komponentu

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