クラスで定義されているreduxアクションクリエイターでbindActionCreators（）を使用できますか？

Question

私は次のようにクラス内のReduxのアクションクリエイターを定義している：

export class ActionCreator { 

    login() { 
     return { type: 'LOGIN_STATUS' }; 
    } 

    fbLoginStatusOK(user) { 
     return { type: 'LOGIN_OK', user }; 
    } 
} 

そこで私は、このようにそれらを使用していますリアクトコンポーネント内：私は「上bindActionCreatorsを使用するにはどうすればよい

class Login extends React.Component { 

    login(e) { 
     e.preventDefault(); 
     a = new ActionCreator(); // Simplified 
     dispatch(a.login()); 
    }; 

    render() { 
     return (
      <div> 
       <h1>Login</h1> 
       <p> 
        <a href="#" onClick={this.login}>Login</a> 
       </p> 
      </div> 
     ); 
    } 
} 

ActionCreator 'のクラスまたはそのオブジェクトですか？

Answer 1

bindActionCreators

（彼らは直接起動することができるように、すべてのアクションの作成者は、ディスパッチコールにラップされるように）は、オブジェクトのすべての機能プロパティを反復処理し、dispatch()コールでそれらをラップするObject.keysを使用しています。 Babelメソッドを列挙できないプロパティに変換するので、bindActionCreators(new ActionCreator())のようなものを使用しても、機能しません。

class ActionCreator { 
    constructor() { 
     this.login =() => ({ type: 'LOGIN_STATUS' }); 
    } 
} 

をそれはポイントを逃す：

可能な解決策は、コンストラクタ内のすべてのメソッドを宣言する可能性があります。

bindActionCreatorsに似ていますが、Object.keysではなくObject.getOwnPropertyNamesを使用する独自のユーティリティを作成することもできます。ただし、ここでは注意して、必要なメソッドだけをラップするようにしてください（たとえば、constructorは無視してください）。

また、あなたの動機は何ですか？普通のオブジェクトの代わりにクラスを使用するオーバーヘッドのビットではありませんか？