redux-saga
760 ワード
基本的な使い方
sagasフォルダのindex.js
all:受信配列.アレイ内のものを一度に実行します.
fork:同期関数を呼び出す
call:非同期関数を呼び出す
takeEvery:takeは基本的に1回だけ実行すると消え、takeEvenryはwhile{}のように実行を続けることができます.
TakeLatest:(TakeEvery機能付き)マウスを連続してクリックすると、最後の1つがフロントに反映されます.サーバ上ですべて転送されるため、サーバが検証処理を行う必要があります.
throttle:指定した数秒以内に連続したリクエストは、サーバにもフロントにもリクエストされません.
sagasフォルダのindex.js
import { all, fork, take } from 'redux-saga/effects';
function* watchLogIn() {
yield take('LOG_IN');
}
function* watchLogOut() {
yield take('LOG_OUT');
}
function* watchAddPost() {
yield take('ADD_POST');
}
export default function* rootSaga() {
yield all ([
fork(watchLogIn),
fork(watchLogOut),
fork(watchAddPost),
])
}
redux saga effectsall:受信配列.アレイ内のものを一度に実行します.
fork:同期関数を呼び出す
call:非同期関数を呼び出す
takeEvery:takeは基本的に1回だけ実行すると消え、takeEvenryはwhile{}のように実行を続けることができます.
TakeLatest:(TakeEvery機能付き)マウスを連続してクリックすると、最後の1つがフロントに反映されます.サーバ上ですべて転送されるため、サーバが検証処理を行う必要があります.
throttle:指定した数秒以内に連続したリクエストは、サーバにもフロントにもリクエストされません.
Reference
この問題について(redux-saga), 我々は、より多くの情報をここで見つけました https://velog.io/@eunsunbsn/redux-sagaテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol