컴포넌트 아래에 선언 된 함수를 어떻게 호출 할 수 있습니까?

러너 가스통

Javascript의 함수는 호출되는 위치 아래에 정의되어 있으면 호출 할 수 없다고 생각했습니다 (게이 스팅이 관련되지 않는 한).

그러나 React에서 아래 코드는 "Hello beta"를 출력합니다. 어째서?

import React from "react";

export default function App() {
  return (
    <div className="App">
      <h1>Hello {alpha()}</h1>
    </div>
  );
}

const alpha = () => beta();

const beta = () => "beta";

https://codesandbox.io/s/cool-kalam-idw8y?file=/src/App.js:0-203

쿠엔틴

alpha이 때까지 호출 App되지 않으며 전체 파일이 구문 분석 될 때까지 발생하지 않습니다.

함수를 정의해도 호출되지 않습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

뷰에서 컴포넌트의 메소드를 어떻게 호출 할 수 있습니까? (vue.js 2)

분류에서Dev

Vue 컴포넌트에서 Rest API를 어떻게 호출 할 수 있나요?

분류에서Dev

다른 컨트롤러에 정의 된 함수를 어떻게 호출 할 수 있습니까?

분류에서Dev

왜 괄호 안에 선언 된 함수를 호출 할 수 없습니까?

분류에서Dev

React Native의 커스텀 컴포넌트 내부에 외부 변수를 설정하는 함수를 어떻게 호출 할 수 있나요?

분류에서Dev

어떻게 자바에서 코 틀린 클래스로 작성된 함수를 호출 할 수 있습니까?

분류에서Dev

% prun에 나열된 함수 호출을 담당하는 함수를 어떻게 확인할 수 있습니까?

분류에서Dev

컴포넌트의 다른 섹션에 반응하는 API 호출의 json 데이터를 어떻게 필터링 할 수 있습니까?

분류에서Dev

React에서 클래스 컴포넌트 내부에 메소드를 어떻게 정의 할 수 있습니까?

분류에서Dev

Vue JS + HighChart-컴포넌트가 렌더링되기 전에 어떻게 동기식 axios 호출을 할 수 있습니까?

분류에서Dev

Ember 컴포넌트에서 jQuery Justified Gallery를 어떻게 래핑 할 수 있습니까?

분류에서Dev

필터 함수 내에서 React 컴포넌트의 this.state에 어떻게 액세스 할 수 있습니까?

분류에서Dev

클래스 내에서 함수를 어떻게 호출 할 수 있습니까?

분류에서Dev

호출 된 모듈 내에서 인스턴스 변수를 어떻게 업데이트 할 수 있습니까?

분류에서Dev

호출 된 모듈 내에서 인스턴스 변수를 어떻게 업데이트 할 수 있습니까?

분류에서Dev

JS 함수에서 AngularJS 함수를 어떻게 호출 할 수 있습니까?

분류에서Dev

내 페이지에서 requirejs 모듈 내에 정의 된 함수를 어떻게 호출 할 수 있습니까?

분류에서Dev

모델 데이터가 업데이트 된 후 어떻게 jQuery 함수를 호출 할 수 있습니까?

분류에서Dev

반응 기능 구성 요소는 사용 뒤에 선언 된 객체 변수를 어떻게 사용할 수 있습니까? (예제 포함)

분류에서Dev

Vue 컴포넌트에 매개 변수를 어떻게 전달할 수 있습니까?

분류에서Dev

Node 스크립트 내에서 React 컴포넌트를 어떻게 사용할 수 있습니까?

분류에서Dev

Angular에서 컴포넌트의 방출 된 출력을 속성에 직접 바인딩 할 수 있습니까?

분류에서Dev

Svelte 컴포넌트의 렌더링 된 HTML을 어떻게 반환 할 수 있습니까?

분류에서Dev

다른 컨트롤러 (Angular JS)에있는 함수를 어떻게 호출 할 수 있습니까?

분류에서Dev

브라우저 콘솔에서 Angular 서비스를 호출하는 전역 함수를 어떻게 선언 할 수 있습니까?

분류에서Dev

Materialise CSS와 JavaScript 컴포넌트를 Svelte에 어떻게 통합 할 수 있습니까?

분류에서Dev

Materialise CSS와 JavaScript 컴포넌트를 Svelte에 어떻게 통합 할 수 있습니까?

분류에서Dev

컴포넌트간에 React Hook Modal State를 어떻게 전달할 수 있습니까?

분류에서Dev

Typescript / React : 재질 UI Box 컴포넌트에 ref를 어떻게 추가 할 수 있습니까?

Related 관련 기사

  1. 1

    뷰에서 컴포넌트의 메소드를 어떻게 호출 할 수 있습니까? (vue.js 2)

  2. 2

    Vue 컴포넌트에서 Rest API를 어떻게 호출 할 수 있나요?

  3. 3

    다른 컨트롤러에 정의 된 함수를 어떻게 호출 할 수 있습니까?

  4. 4

    왜 괄호 안에 선언 된 함수를 호출 할 수 없습니까?

  5. 5

    React Native의 커스텀 컴포넌트 내부에 외부 변수를 설정하는 함수를 어떻게 호출 할 수 있나요?

  6. 6

    어떻게 자바에서 코 틀린 클래스로 작성된 함수를 호출 할 수 있습니까?

  7. 7

    % prun에 나열된 함수 호출을 담당하는 함수를 어떻게 확인할 수 있습니까?

  8. 8

    컴포넌트의 다른 섹션에 반응하는 API 호출의 json 데이터를 어떻게 필터링 할 수 있습니까?

  9. 9

    React에서 클래스 컴포넌트 내부에 메소드를 어떻게 정의 할 수 있습니까?

  10. 10

    Vue JS + HighChart-컴포넌트가 렌더링되기 전에 어떻게 동기식 axios 호출을 할 수 있습니까?

  11. 11

    Ember 컴포넌트에서 jQuery Justified Gallery를 어떻게 래핑 할 수 있습니까?

  12. 12

    필터 함수 내에서 React 컴포넌트의 this.state에 어떻게 액세스 할 수 있습니까?

  13. 13

    클래스 내에서 함수를 어떻게 호출 할 수 있습니까?

  14. 14

    호출 된 모듈 내에서 인스턴스 변수를 어떻게 업데이트 할 수 있습니까?

  15. 15

    호출 된 모듈 내에서 인스턴스 변수를 어떻게 업데이트 할 수 있습니까?

  16. 16

    JS 함수에서 AngularJS 함수를 어떻게 호출 할 수 있습니까?

  17. 17

    내 페이지에서 requirejs 모듈 내에 정의 된 함수를 어떻게 호출 할 수 있습니까?

  18. 18

    모델 데이터가 업데이트 된 후 어떻게 jQuery 함수를 호출 할 수 있습니까?

  19. 19

    반응 기능 구성 요소는 사용 뒤에 선언 된 객체 변수를 어떻게 사용할 수 있습니까? (예제 포함)

  20. 20

    Vue 컴포넌트에 매개 변수를 어떻게 전달할 수 있습니까?

  21. 21

    Node 스크립트 내에서 React 컴포넌트를 어떻게 사용할 수 있습니까?

  22. 22

    Angular에서 컴포넌트의 방출 된 출력을 속성에 직접 바인딩 할 수 있습니까?

  23. 23

    Svelte 컴포넌트의 렌더링 된 HTML을 어떻게 반환 할 수 있습니까?

  24. 24

    다른 컨트롤러 (Angular JS)에있는 함수를 어떻게 호출 할 수 있습니까?

  25. 25

    브라우저 콘솔에서 Angular 서비스를 호출하는 전역 함수를 어떻게 선언 할 수 있습니까?

  26. 26

    Materialise CSS와 JavaScript 컴포넌트를 Svelte에 어떻게 통합 할 수 있습니까?

  27. 27

    Materialise CSS와 JavaScript 컴포넌트를 Svelte에 어떻게 통합 할 수 있습니까?

  28. 28

    컴포넌트간에 React Hook Modal State를 어떻게 전달할 수 있습니까?

  29. 29

    Typescript / React : 재질 UI Box 컴포넌트에 ref를 어떻게 추가 할 수 있습니까?

뜨겁다태그

보관