변수 내부에서 반응 컴포넌트의 함수를 사용하는 것

Question

나는 배우기를 배우고 있으며, 컴포넌트의 렌더링 메소드에서 사용되는 변수가 다른 장소에서 선언되는 두 가지 코드가있다. 나의 의심은 왜 작동하는지 그리고 다른 것은 아니다. '티.

import React from 'react'; 
import ReactDOM from 'reactDOM'; 

const myVar = 'hello'; 

class myComponent extends React.Component { 
    render() { 
     return <h1>{myVar}</h1>; 
    } 
} 

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

이 방법은 렌더링 방법에서 전역 변수에 액세스 할 수 있음을 의미합니다.

그러나 누군가가 당신이 변수를 정의하지 않는 클래스 내에서이 동작을

Answer 1

을 설명 할 수

import React from 'react'; 
import ReactDOM from 'reactDOM'; 

class myComponent extends React.Component { 
    const myVar = 'hello'; 

    render() { 
     return <h1>{this.myVar}</h1>; 
    } 
} 

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

내가 여기 혼란 스러워요 작동하지 않습니다이 사건을 맡아. myVar='hello'이 아니어야합니다. const myVar='hello'

클래스 정의에 지정된 속성에는 객체 리터럴에 표시된 것과 동일한 속성이 지정됩니다.