redux-sagaと反応ライフサイクルを同期

Question

リアクションコンポーネントのライフサイクルは（componentWillMount、componentDidMountなど）です。また、サガは独自のライフサイクル（ミドルウェアとして動作しています）を持っています。

これらの2つのライフサイクルを同期する方法はありますか？

私はそれが可能だ

Answer 1

我々は（アクセスの複数のレベルで）承認と一部のコンポーネントを確保したいとき、これは問題になるかもしれないと思います。 Reactのライフサイクルイベントをフックし、redux-sagaにマッピングされたアクションをディスパッチするHOC（Higher Order Component）を作成することができます。あなたのサーガでは、takeを使用して、ライフサイクルと制御フローを同期させることができます。

実際の例が必要な場合は教えてください。 Githubのmy repositoryに例を追加します。

// HOC 
import Lifecycle from '...'; 

// Target component 
class SecretPane extends Component { 
    // ... 
} 

// Export wrapped SecretPane component 
export default Lifecycle(SecretPane); 

// ... 

function* lifecycle() { 
    yield take(COMPONENT_WILL_MOUNT); 

    // Do something before mounted 

    yield take(COMPONENT_DID_MOUNT); 

    // Do something after mounted 

    yield take(COMPONENT_WILL_UNMOUNT); 

    // Do something before unmounted 
}