reactjs - 我什么时候应该在 React 组件中使用 getInitialState

Question

我有一个 React 组件，单击该组件时会切换 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 时，这是我作为 require 组件的一部分与 JSX 一起使用的语法

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