React - wie stoße ich Komponentenmethoden ab, die die Property Initializersyntax verwenden?

Question

Ich aktualisiere schließlich meine Komponenten von React.createClass() zu ES6-Klassen. Der erste Fehler, den ich in meinen Tests bin zu sehen ist, dass einige meiner sinon.stub() Anrufe werden scheitern, weil jscodeshift -t react-codemod/transforms/class.js meine Komponentenmethoden umgewandelt, um die Eigenschaft initializer Vorschlag zu verwenden, dh

class Foo extends React.Component { 
    componentWillMount() { 
    this.fetchSomeData(this.props); 
    } 
    componentWillReceiveProps(nextProps) { 
    if (nextProps.someProp !== this.props.someProp) { 
     this.fetchSomeData(nextProps); 
    } 
    } 
    fetchSomeData = (props) => { 
    ... 
    }; 
    render() { 
    ... 
    } 
} 

Meine Frage ist: Wie kann ich Stummel fetchSomeData() mit diese neue Syntax? Meine Tests sehen wie sinon.stub(Foo.prototype, 'fetchSomeData'); aus, was nicht mehr funktioniert, vorausgesetzt, dass fetchSomeData nicht mehr auf dem Prototyp ist.

Danke!

Answer 1

In diesem Beispiel wird fetchSomeData() tatsächlich an this und nicht an Foo.prototype angehängt, so dass es absolut keine Möglichkeit gibt, die Methode vor dem Erstellen der Instanz zu stubben. Die Problemumgehung besteht darin, die Logik in fetchSomeData() an einen anderen Speicherort zu verschieben, der stubbed sein kann. Oder verwenden Sie eine andere Syntax, um die Methode zu definieren.