2017-04-26 6 views
1

connectreact-reduxからデコレータに組み合わせる方法はありますか?redux-saga@connect decoratorをredux-sagaで使うには?

import React from 'react'; 
import { connect } from 'react-redux' 

@connect(({ data }) => ({ data }), require('../models/effects').default) 
export default class User extends React.Component { 
    onClick() { 
    console.log('on click.'); 
    // how to make redux-saga work here? 
    this.props.action1(); 
    } 
} 

答えて

2

反応-再来ながらのconnectをReduxの-佐賀は、副作用にReduxのactionsをオンstore外のフィールドを引き出し、小道具など、あなたのコンポーネントにそれらを公開します。

別の言い方をすれば、コンポーネントをredux-sagaに直接接続する必要はありません。その代わりに、あなたはredux-sagaを使用していない場合と同じようにアクションを作ります。これらのアクションに反応するサガを追加し、必要な副作用を実行し、それらの副作用が完了したときに新しいアクションを生成します。あなたのレデューサーは、最終的なアクションを処理して状態を更新する必要があります。これにより、connectがトリガーされ、コンポーネントが更新されます。

関連する問題