ReactClass和ReactComponent之间的区别?

时间:2015-08-14 01:01:30

标签: reactjs

React Dom Terminology中,ReactClass和ReactComponent有什么区别?

2 个答案:

答案 0 :(得分:1)

简单地说:

ReactClass :组件的模型或形状,如果要创建名为DatePicker的组件,形状是ReactClass,而不是每个您将根据该形状创建单个组件/实例。

var MyComponent = React.createClass({
 render: function() {
    ...
  }
});

ReactComponent ReactElement :您基于预定义的 ReactClass 创建的组件实例。如果您创建名为DatePicker的组件,则呈现的该组件的每个实例都是 ReactElement

var component = React.createElement(MyComponent, props);

通常您不会使用React.createElement,因为您可以使用<MyComponent />之类的内容,但如果您想动态创建组件实例,则非常有用存储在变量中并在以后渲染它们。

答案 1 :(得分:0)

我刚从链接中找到它。 我对可能有同样问题的人保留这个问题。 来自React Components

  

ReactComponent类只是一个JavaScript类(或&#34;构造函数&#34; )。

var MyComponent = React.createClass({
 render: function() {
    ...
  }
});
  

当调用此构造函数时,应该返回一个对象,其上至少有一个render方法。此对象称为ReactComponent

var component = new MyComponent(props); // never do this