依存データ

Question

ためReduxのミドルウェアを実装すると、パイプライン内に常駐され、そこにデータ依存性がここに

を検出したときにトリガを取得ジェネリックReduxのミドルウェアを実装するための最良の方法は、シナリオ何です。私はノートのリストを持っていて、個別のルート（notes /：id）の詳細ページをメモしています もしユーザーがnotespageで詳細ページをメモするときは、ノートが選択/ しかし、以前のブックマークのリンク にブラウザを直接接続するとどうなりますか？ ミドルウェア内のすべてのアクションを参照できなければならないのですか？ データが存在しない場合、トリガーサーバーコール

Answer 1

ここではasyncConnectを使用することをお勧めします。あなたはパラメータとして状態を取得し、データが存在するかどうかチェックすることができます。存在しない場合は、ロードする必要があります。

function checkIfNoteExists(state) { 
    return state.note && state.note.content; 
} 

データことが保証されます：あなたはこのような何かを行うことができ、たとえば、あなたはデータが現在の状態で存在しているかどうかを確認する必要がありcheckIfNoteExistsインサイド

@asyncConnect([{ 
    promise: ({ store: { dispatch, getState }, params }) => { 
    const currentState = getState(); 
    const promises = []; 

    if (!checkIfNoteExists(currentState)) { 
     promises.push(dispatch(loadNote(params.id))); 
    } 

    if (!checkIfCommentsLoaded(currentState)) { 
     promises.push(dispatch(loadComments())); 
    } 

    if (!checkIfAuthorLoaded(currentState)) { 
     promises.push(dispatch(loadAuthor())); 
    } 

    return Promise.all(promises); 
    } 
}]) 
@connect(...) 
class YouClass extends Component { 
    ... 
} 

：ここでは簡単な例ですもし存在しなければ、それを約束の配列に加える必要があるでしょう。

@asyncConnectは、サーバーとクライアントで機能することに注意することも重要です。同形アプリFTW！

幸運を祈る！