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>
  );
}

注释掉的代码就像以前一样，类App就是我想要实现的。

此致

Answer 1

行

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

是您的React应用的入口点。它说＆＃34;采取组件组合的所有层次结构，渲染它们并安装到某个节点＆＃34;。它是一个命令式语句，一旦代码执行到达这一点就会被调用。这就是您在浏览器中看到应用程序的原因。

将此指令放入类声明中意味着：＆＃34;这里是一个将采用所有组件层次结构的类......＆＃34;。问题是，它永远不会被执行，就像函数声明不能使这个函数执行一样。

无需将ReactDOM.render的调用放入任何函数或类（which is, again, a function declaration，语法更好）。让它保持在全球范围内，它不可能在任何时候造成任何麻烦。

React.js index.js作为一个类？

1 个答案: