Reactjs React.createClass是如何工作的? var MyComponentClass=React.createClass({ 渲染:函数(){ 返回你好世界; } }); ReactDOM.render( , document.getElementById('app') );

Reactjs React.createClass是如何工作的? var MyComponentClass=React.createClass({ 渲染:函数(){ 返回你好世界; } }); ReactDOM.render( , document.getElementById('app') );,reactjs,Reactjs,因此,我一直在关注一些关于ReactJS的教程,我很难理解React的作用到底是什么,尤其是上面的代码 比如,React库的createClass方法中到底需要render方法做什么 调用ReactDOM.render时如何调用render方法 我已经试着浏览了ReactJS的文档,但是我遇到了同样的问题,没有解释引擎盖下面发生了什么。尝试用谷歌搜索这个问题,同样的结果。问题似乎是基于如何做,而不是它实际做什么 即使有人能给我指出文档中正确区域的方向,这也会给我很大帮助 这对初学者来说是个好的开

因此,我一直在关注一些关于ReactJS的教程,我很难理解React的作用到底是什么,尤其是上面的代码

比如,React库的createClass方法中到底需要render方法做什么

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

我已经试着浏览了ReactJS的文档,但是我遇到了同样的问题,没有解释引擎盖下面发生了什么。尝试用谷歌搜索这个问题,同样的结果。问题似乎是基于如何做,而不是它实际做什么

即使有人能给我指出文档中正确区域的方向,这也会给我很大帮助

这对初学者来说是个好的开始

  • 需要渲染方法:
    当您使用React.createClass时,它是必需的。
    在render方法中,不能修改组件状态。
    调用时,它将返回单个子级(例如,
    或您自己定义的组件)

  • 如何调用渲染:
    默认情况下,无论何时调用setState,React都将重新呈现所有组件和子组件。
    但是,如果将该返回设置为false,则将完全跳过渲染方法


  • 希望能有所帮助

    源代码就在那里,您可以放心了。我敢肯定大多数人都不在乎那里发生了什么,所以没有明确的文档。
    var MyComponentClass = React.createClass({
      render: function () {
        return <h1>Hello world</h1>;
      }
    });
    
    ReactDOM.render(
        <MyComponentClass />, 
        document.getElementById('app')
    );