React.js index.js를 클래스로 사용 하시겠습니까?

Question

index.js를 클래스로 선언 할 수 있습니까? 내가하는 index.js https://github.com/facebookincubator/create-react-app

가 사용하고 있습니다 :

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

의 선

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

은 반작용 응용 프로그램의 진입 점 있습니다. "구성 요소 구성의 모든 계층 구조를 가져 와서 렌더링하고 특정 노드에 탑재"라고 말합니다. 이것은 코드 실행이이 시점에 도달하자마자 호출되는 필수 명령문입니다. 이것이 브라우저에서 작동하는 앱을 보는 이유입니다.

이 명령어를 클래스 선언에 넣으면 "여기에 모든 구성 요소 계층 구조를 사용하는 클래스가 있습니다."라는 의미입니다. 문제는 함수 선언이이 함수를 실행하지 않는 것처럼 실행되지 않는다는 것입니다.

어떤 함수 나 클래스 (which is, again, a function declaration)에 전화를 걸 필요가 없습니다. 글로벌 범위에 머물게하십시오. 어느 시점에서든 문제를 일으키지는 않을 것입니다.