React.js index.js as a class?

Question

是否可以将index.js声明为类？我在用着https://github.com/facebookincubator/create-react-app

哪个index.js是：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

/*
ReactDOM.render(
  <App />,
  document.getElementById('root')
);
*/
class Apps extends Component {
  ReactDOM.render(
      <div className="App">
        <p> hello </p>
      </div>
  );
}

评论的代码是以前的，我想实现的类应用程序。

问：

Answer 1

lines

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

是您的React应用程序的入口点。它说："将所有组件组成的层次结构呈现，将它们渲染并安装到某个节点"。这是一个命令式陈述，一旦代码执行达到这一点，就会立即致电。这就是为什么您会看到该应用在浏览器中工作的原因。

将此指令放入课堂声明将意味着："这是一个将所有组件层次结构的班级……"。问题是，它永远不会被执行，就像函数声明不会使此函数执行一样。

无需将ReactDOM.render调用到任何函数或类中（这再次是用noter语法声明的函数声明）。让它保持在全球范围中，在任何时候都不太可能造成任何麻烦。