Appel d'une fonction statique dans la classe de Réagir ES6

J'ai le texte suivant ReactJS classe:

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}} />
  }
}

Mais j'ai l'erreur suivante:

TypeError: this.getValue is not a function

Je ne comprends pas. Est-ce la bonne façon d'appeler une fonction statique? Je pense que de réagir est de faire quelque chose de statique, mais je ne sais pas quoi.

  • "est-ce le bon moyen pour appeler une fonction statique ?" Depuis il ne fonctionne pas, probablement pas 😛
InformationsquelleAutor Ajouve | 2016-02-27
  1. 46

    Une méthode statique qui doit être accessible à la classe d'une instance. Donc dans votre cas, utilisez:

    Content.getValue()

    Cependant, une méthode statique ne sera pas en mesure d'accéder à this -- je ne pense pas que vous voulez que la méthode statique basée sur l'exemple de code ci-dessus.

    Plus: Les Membres statiques dans l'ES6

    • Le " getValue fonction est statique, il peut être appelé à ce.constructeur.getValue(params)... j'ai utiliser cette méthode souvent dans mon code. Je ne vois pas de raison pour que cette fonction ne pas être statique, à moins que " ce " doit être appelée à l'intérieur de la fonction.
    InformationsquelleAutor Cymen
  2. 12

    Vous pouvez accéder à partir de l'intérieur de la classe comme this.constructor.getValue.

    Edit: j'ai ajouté un JSFiddle ici. Le seul changement que j'ai fait était d'ajouter l'appel de la fonction à partir du constructeur et la suppression de l'dangereusement ensemble innerHTML - Comme indiqué, vous pouvez accéder à la getValue statique à partir de ce.constructeur, et fonctionne très bien.

    • Pas avec React.Component
    • Incorrects, vous pouvez. Faites-moi confiance sur ce point. Je vais ajouter un JSBin
    • c'est très intéressant. Ainsi, vous pouvez également passer instance de l'objet en tant que paramètre statique de la classe et peut toujours accéder aux il est des accessoires, comme il n'est pas statique. très cool
    • Intéressant de noter que nous avons besoin de passer par le constructeur. Hm. Pourquoi est-ce?
    • parce que "ce.contrstructor" des points sur la fonction constructeur lui-même. il est donc égale à Content.getValue mais sans avoir besoin de coder en dur le nom de classe
    InformationsquelleAutor Geoffrey Abdallah