구성 요소 생성자 외부에서 사용될 때 정의되지 않은 변수

t0xic

React와 Electron으로 프로젝트를 진행 중이며 오류가 있습니다. 두 개의 변수 형태로 제공되는 props를받는 생성자가있는 구성 요소가 있습니다. 생성자는 별도의 파일에서 인스턴스화됩니다. 문제는 변수 console.log가 생성자에서 잘 작동하지만 (예를 들어 출력하려면) 변수가 정의되지 않은 상태로 돌아온다는 것입니다.

나는 이미 .bind그것을 묶는 데 사용하려고 시도했지만 도움이되지 않았으며 여전히 정의되지 않은 것으로 나타났습니다.

생성자가 호출되는 곳입니다.

const dropDown = new Dropdown({
  editor,
  monaco
});

다음은 변수를 사용하려는 생성자와 예입니다.

constructor(props) {
  super(props);

  // Define variables
  this.editor = props.editor;
  this.monaco = props.monaco;
  // Returns correct object
  console.log(this.monaco);

  // Bind functions
  this.changeLanguage = this.changeLanguage.bind(this);
  this.filterFunction = this.filterFunction.bind(this);
  this.dropDown = this.dropDown.bind(this);
}

changeLanguage(language) {
  // Returns undefined all the time
  console.log(this.monaco);
  this.monaco.editor.setModelLanguage(this.editor, language);
}

변수가 생성자와 파일의 다른 위치에서 동일 할 것으로 예상하지만 어떤 이유로 생성자에서만 정의됩니다.

해피 머신

this.props.monaco를 사용할 수 있습니다. 또는 다시 작성하면 props를 changeLanguage 함수에 전달할 수 있습니다.

changeLanguage(language, props) {
  // Returns undefined all the time
  console.log(props.monaco);
  props.monaco.editor.setModelLanguage(this.editor, language);
}

그것을 호출하십시오 : this.changeLanguage('English', this.props)

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

객체가 Angular2 구성 요소에서 매개 변수로 전달 될 때 외부 HTML 파일의 JavaScript 함수가 호출되지 않음

분류에서Dev

프로세스가 종료 될 때 지속되지 않는 SSIS 사용자 지정 구성 요소의 변수 업데이트

분류에서Dev

기본 구성 요소 클래스에서 상태를 사용할 때 반응에서 정의되지 않은

분류에서Dev

케이스 클래스 생성자 매개 변수가 클래스 외부에서 사용될 때 호출되는 것은 무엇입니까?

분류에서Dev

ReactJS : render () 내부 함수가 호출 될 때 업데이트되지 않는 구성 요소의 내용

분류에서Dev

구성 요소 내부에서 Vue 변수가 정의되지 않음

분류에서Dev

React에서 부모 배열이 변경 될 때 배열 요소로서의 구성 요소가 다시 렌더링되지 않도록 방지

분류에서Dev

VUE 구성 요소의 정의되지 않은 변수

분류에서Dev

React : axios를 사용하여 자식 구성 요소에 API 데이터를 전달할 때 정의되지 않는 문제를 어떻게 수정합니까?

분류에서Dev

테마가 변경 될 때 "보조"를 사용하여 구성 요소에서 색상이 변경되지 않음 vuetify

분류에서Dev

KnockoutJS : 사용자 지정 구성 요소 외부에서 관찰 가능한 변수에 액세스

분류에서Dev

KnockoutJS : 사용자 지정 구성 요소 외부에서 관찰 가능한 변수에 액세스

분류에서Dev

Vuejs-생성 된 구성 요소에서 정의되지 않은 '$ on'속성을 읽을 수 없습니다.

분류에서Dev

Vuejs-생성 된 구성 요소에서 정의되지 않은 '$ on'속성을 읽을 수 없습니다.

분류에서Dev

오류 유형 오류 : 새 사용자 구성 요소에서 정의되지 않은 '이름'속성을 설정할 수 없습니다.

분류에서Dev

GTM의 데이터 영역에서 사용될 때 정의되지 않은 자바 스크립트 변수

분류에서Dev

구성 요소에 전달 될 때 매핑 소품이 정의되지 않았습니다.

분류에서Dev

사용자 지정 반응 구성 요소에 소품의 일부로 전달 될 때`index`가 고유 키로 한정되지 않는 이유는 무엇입니까?

분류에서Dev

자식 구성 요소에서 값을 변경할 때 각도 부모 구성 요소 속성이 업데이트되지 않습니다.

분류에서Dev

컴퓨터 구성 요소를 사용하지 않을 때 손상 될 수 있습니까?

분류에서Dev

Knockout foreach 내부에서 생성 된 요소의 jQuery를 사용하는 ID의 정의되지 않은 값

분류에서Dev

사용자 정의 유형의 내부 속성이 변경 될 때 종속성 속성 속성 변경 콜백이 트리거되지 않음

분류에서Dev

경로 구성 요소 내에서 privateroute를 사용할 때 URL의 ID가 정의되지 않은 것으로 표시됩니다.

분류에서Dev

구성 요소가 정의되었지만 사용되지 않은 변수가 사용되지 않았습니다.

분류에서Dev

반응 구성 요소의 함수 외부에서 사용할 수없는 변수

분류에서Dev

부모 구성 요소의 높이가 0으로 애니메이션 될 때 자식 구성 요소가 사라지지 않습니다.

분류에서Dev

메서드에 정의되지 않은 Vue.js 구성 요소 데이터 변수

분류에서Dev

v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

분류에서Dev

v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

Related 관련 기사

  1. 1

    객체가 Angular2 구성 요소에서 매개 변수로 전달 될 때 외부 HTML 파일의 JavaScript 함수가 호출되지 않음

  2. 2

    프로세스가 종료 될 때 지속되지 않는 SSIS 사용자 지정 구성 요소의 변수 업데이트

  3. 3

    기본 구성 요소 클래스에서 상태를 사용할 때 반응에서 정의되지 않은

  4. 4

    케이스 클래스 생성자 매개 변수가 클래스 외부에서 사용될 때 호출되는 것은 무엇입니까?

  5. 5

    ReactJS : render () 내부 함수가 호출 될 때 업데이트되지 않는 구성 요소의 내용

  6. 6

    구성 요소 내부에서 Vue 변수가 정의되지 않음

  7. 7

    React에서 부모 배열이 변경 될 때 배열 요소로서의 구성 요소가 다시 렌더링되지 않도록 방지

  8. 8

    VUE 구성 요소의 정의되지 않은 변수

  9. 9

    React : axios를 사용하여 자식 구성 요소에 API 데이터를 전달할 때 정의되지 않는 문제를 어떻게 수정합니까?

  10. 10

    테마가 변경 될 때 "보조"를 사용하여 구성 요소에서 색상이 변경되지 않음 vuetify

  11. 11

    KnockoutJS : 사용자 지정 구성 요소 외부에서 관찰 가능한 변수에 액세스

  12. 12

    KnockoutJS : 사용자 지정 구성 요소 외부에서 관찰 가능한 변수에 액세스

  13. 13

    Vuejs-생성 된 구성 요소에서 정의되지 않은 '$ on'속성을 읽을 수 없습니다.

  14. 14

    Vuejs-생성 된 구성 요소에서 정의되지 않은 '$ on'속성을 읽을 수 없습니다.

  15. 15

    오류 유형 오류 : 새 사용자 구성 요소에서 정의되지 않은 '이름'속성을 설정할 수 없습니다.

  16. 16

    GTM의 데이터 영역에서 사용될 때 정의되지 않은 자바 스크립트 변수

  17. 17

    구성 요소에 전달 될 때 매핑 소품이 정의되지 않았습니다.

  18. 18

    사용자 지정 반응 구성 요소에 소품의 일부로 전달 될 때`index`가 고유 키로 한정되지 않는 이유는 무엇입니까?

  19. 19

    자식 구성 요소에서 값을 변경할 때 각도 부모 구성 요소 속성이 업데이트되지 않습니다.

  20. 20

    컴퓨터 구성 요소를 사용하지 않을 때 손상 될 수 있습니까?

  21. 21

    Knockout foreach 내부에서 생성 된 요소의 jQuery를 사용하는 ID의 정의되지 않은 값

  22. 22

    사용자 정의 유형의 내부 속성이 변경 될 때 종속성 속성 속성 변경 콜백이 트리거되지 않음

  23. 23

    경로 구성 요소 내에서 privateroute를 사용할 때 URL의 ID가 정의되지 않은 것으로 표시됩니다.

  24. 24

    구성 요소가 정의되었지만 사용되지 않은 변수가 사용되지 않았습니다.

  25. 25

    반응 구성 요소의 함수 외부에서 사용할 수없는 변수

  26. 26

    부모 구성 요소의 높이가 0으로 애니메이션 될 때 자식 구성 요소가 사라지지 않습니다.

  27. 27

    메서드에 정의되지 않은 Vue.js 구성 요소 데이터 변수

  28. 28

    v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

  29. 29

    v-model 값이 변경 될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음

뜨겁다태그

보관