मैं एक में getInitialState उपयोग कब करना चाहिए प्रतिक्रिया घटक

Question

मैं है एक घटक प्रतिक्रिया है कि एक className टॉगल जब घटक

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

यह ठीक काम करता है, लेकिन जब मैं अनुप्रयोग सर्वर साइड प्रतिपादन कर रहा हूँ, मैं क्लिक किया जाता है त्रुटि निम्नलिखित

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? 

मेरे निर्माण कदम की तरह तो

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

क्यों है सेटअप है मैं क्या गलत कर रहा हूं, और यह कैसे किया जाना चाहिए?

Answer 1

मुझे यकीन है कि अगर यह मदद करता है नहीं हूँ, लेकिन जबकि fluxible का उपयोग कर, इस वाक्य रचना मैं के हिस्से के रूप JSX के साथ प्रयोग किया आवश्यकता घटक

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