Jest and Enzyme testing React Component with ES6 Arrow機能

Question

私は、Reactプロジェクトwebpack 2を実行しているReactプロジェクトにJestとEnzymeを追加しました。 REACTコンポーネント内でES6矢印機能を使用しているときにエラーが発生しました。コンポーネント・コードの

例は以下の通りです：

import React, { Component } from 'react'; 

class Add extends Component { 
    constructor(props){ 
     super(props); 
     this.state = this.defaultState(); 
    } 

    defaultState =() => { 
     return { 
      name : "" 
     } 
    } 
    onChange = (e) =>{ 
     this.setState({ 
      name: e.target.value 
     }); 
    } 
    handleAdd = (e) => { 
     e.preventDefault(); 
     this.props.onAdd(this.state.name); 
    } 

    render=() => { 
     return (
      <form> 
     <!-- more markup --> 
      </form> 
     ); 
    } 


} 

export default Add; 

冗談はテストスイートを実行しながら失敗し、私は矢印の機能テストを可能にするために、私のパッケージJSON/babelrcに何も追加する必要がありますか？

Answer 1

バベルジョークがインストールされていることを確認してから、バブラーにはes2015、stage-0、プリセットに反応する必要があります