chiamata una funzione statica nella classe Reagire ES6

Question

ho la classe seguenti 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}} /> 
    } 
} 

Ma ho il seguente errore:

TypeError: this.getValue is not a function 

Non capisco. È questo il modo migliore per chiamare una funzione statica? Penso che reagire stia facendo qualcosa con la statica, ma non so cosa.

Answer 1

È necessario accedere a un metodo statico sulla classe e non su un'istanza. Quindi nel tuo caso, utilizzare:

Content.getValue()

Tuttavia, un metodo statico non sarà in grado di accedere a this - non credo che si desidera che il metodo sia statica in base al codice di esempio sopra.

Più: Static Members in ES6

Answer 2

È possibile accedere all'interno della classe come this.constructor.getValue.

Modifica: Ho aggiunto un JSFiddle here. L'unica modifica che ho apportato è stata l'aggiunta della chiamata di funzione dal costruttore e la rimozione del innerHTML pericolosamente impostato. Come mostrato, è possibile accedere a getValue static da this.constructor e funziona perfettamente.