정적 함수를 Ract ES6 클래스로 호출

정적 함수를 Ract ES6 클래스로 호출

I have 다음과 같은 리액션JS 클래스:

import React from 'react'

export class Content extends React.Component {

  static getValue(key) {
    return key
  }

  render() {
    let value = this.getValue(this.props.valueKey);
    return <span dangerouslySetInnerHTML={{__html: value}} />
  }
}

그러나 나는 다음과 같은 오류가 있다.

TypeError: this.getValue is not a function

난 이해가 안돼.이것이 정적인 기능을 부르는 좋은 방법인가?내 생각에 리액션은 정역학으로 뭔가를 하는 것 같은데, 뭐가 뭔지 모르겠어.

정적 방법은 인스턴스가 아닌 클래스에서 액세스해야 한다.따라서 사용자의 경우 다음을 사용하십시오.

Content.getValue()

그러나 정적 방법은 액세스할 수 없다.this-- 위의 코드 샘플에 근거한 정적인 방법을 원하지 않을 겁니다.

추가: ES6의 정적 멤버

다음과 같이 클래스 내에서 액세스할 수 있다.this.constructor.getValue.

편집: 여기에 JSFiddle을 추가했다.내가 한 유일한 변화는 시공자의 함수 호출을 추가하고 위험하게 설정된 내측을 제거하는 것이었다.HTML - 표시된 것처럼 이.constructor에서 getValue 정적(static)에 액세스할 수 있으며 잘 작동한다.

참조URL: https://stackoverflow.com/questions/35672135/call-a-static-function-into-the-class-react-es6