React - プロパティ初期化子構文を使用するコンポーネントメソッドをスタブする方法はありますか？

Question

最後に、私のコンポーネントをReact.createClass()からES6クラスに更新しています。私が使用してfetchSomeData()をスタブする方法：私は私のテストで見ている最初のエラーがjscodeshift -t react-codemod/transforms/class.jsが私の質問がある

すなわち

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

、プロパティの初期化の提案を使用するために私のコンポーネントのメソッドを変換するので、私の sinon.stub()通話の一部が失敗しているということですこの新しい構文？ fetchSomeDataがもうプロトタイプにないので、私のテストはのようになります。

ありがとうございます！

Answer 1

この例では、fetchSomeData()は実際にthisに接続され、Foo.prototypeには接続されません。したがって、インスタンスを作成する前にメソッドをスタブすることは絶対にありません。この問題を回避するには、fetchSomeData()のロジックをにスタブする別の場所に移動します。または、別の構文を使用してメソッドを定義します。