ノンブロッキングのディスパッチ方法

Question

サガの実行中にUIが1秒間ブロックされるという問題があります。私は、私の佐賀をブロックしないようにしようとしており、それはそうであるように見えます。それは非常に速く終わる。なぜ私のディスパッチは、サガが終了するまでブロックされますか？

//Saga 
function* test(action) { 
    console.time('test') 
    yield put({type : 'test'}); 
    console.timeEnd('test') 
} 

function* changeFilterSaga(action) { 
    console.time('changeFilterSaga') 
    yield* test(test, action); 
    console.timeEnd('changeFilterSaga') 
} 

export default function* watchChangeFilter() { 
    yield takeLatest(FILTER_MYNDIGHET, changeFilterSaga); 
} 


//dispatch action 
filterData: ({ apply, filter }) => { 
    console.time('filterData') 
    dispatch(changeFilter({ apply, filter })); 
    console.timeEnd('filterData') // everything blocks until I am here 
} 

Answer 1

yield* test(test, action);は実際にブロックしています。これはyield call(test, action)と同じです。この呼び出しをノンブロッキングにするには、それをforkする必要があります：yield fork(test, action)。