javascript - props - Llama a una función estática en la clase React ES6

react native context api

Question

Tengo la siguiente clase de 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}} />
  }
}

Pero tengo el siguiente error:

TypeError: this.getValue is not a function

No entiendo. ¿Es esta la buena manera de llamar a una función estática? Creo que reaccionar es hacer algo con lo estático, pero no sé qué.

Answer 1

Puede acceder desde dentro de la clase como this.constructor.getValue .

Edición: he añadido un JSFiddle here . El único cambio que hice fue agregar la llamada a la función desde el constructor y eliminar elHTML interno peligrosamente establecido. Como se muestra, puede acceder a la estática getValue desde este.constructor y funciona bien.

Answer 2

Se debe acceder a un método estático en la clase, no en una instancia. Así que en tu caso, usa:

Content.getValue()

Sin embargo, un método estático no podrá acceder a this : no creo que desee que el método sea estático según el ejemplo de código anterior.

Más: Miembros estáticos en ES6