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

发布时间：2020-12-15 05:07:15 所属栏目：百科来源：网络整理

导读：我有一个React组件,在单击组件时切换className var Foo = React.createClass({ getInitialState: function() { return {className: ''} },render: function(){ var className = 'bar ' + this.state.className return React.createElement('div',{className:

我有一个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({}));

为什么我做错了,应该怎么做？

我不确定这是否有帮助,但在使用fluxible时,这是我使用JSX作为require组件的一部分的语法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!