javascript - 在类 React ES6 中调用静态函数

Question

我有以下 ReactJS 类:

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

我不明白。这是调用静态函数的好方法吗？我认为 React 是在用静力学做一些事情，但我不知道是什么。

Answer 1

需要在类而不是实例上访问静态方法。所以在你的情况下，使用:

Content.getValue()

但是，静态方法将无法访问 this -- 根据上面的代码示例，我认为您不希望该方法是静态的。

更多:Static Members in ES6