Question

var MyComponentClass = React.createClass({
  render: function () {
    return <h1>Hello world</h1>;
  }
});

ReactDOM.render(
    <MyComponentClass />, 
    document.getElementById('app')
);

所以，我一直在关注ReactJS的一些教程，我很难理解React引擎的确切内容，特别是上面的代码。

比如，React库的createClass方法中对render方法的需求究竟是什么？

调用ReactDOM.render时如何调用render方法？

我已经尝试查看ReactJS的文档，但是我遇到了同样的问题，其中没有解释底层发生了什么。谷歌搜索问题，同样的结果。问题似乎是基于如何做，而不是它实际做什么。

即使有人能指出我在文档的正确区域的方向，这将对我有极大的帮助。

Answer 1

这个top-level-api document对初学者来说是一个好的开始。

需要渲染方法：
使用React.createClass时需要它在render方法中，您无法修改组件状态当它被调用时，它将返回一个孩子（例如<div>或你自己定义的组件）
如何调用渲染：
默认情况下，每当调用setState时，React将重新呈现所有组件和子组件但是，如果设置shouldComponentUpdate()返回false，则将完全跳过render方法。

希望有所帮助

React.createClass如何工作？

1 个答案: