33
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

take, call, put, select, fork, takeEveryの一言説明

Last updated at Posted at 2019-04-28

忘れる、調べる、思い出す、を反復してる現状を踏まえる

忘れたら最初にここを読む

import { put, call, take, select } from 'redux-saga/effects';
なまえ 一言でいうと
yield put({type: 'xxx', ...}) actionをdispatchしたい
yield call(fn, args) 関数をコールして返す値をキャッチしたい。
axios.get(..) する関数とかをコール
yield take(actionType) 特定のactionをキャッチしたい
yield select(selector関数, args) storeからデータを取りたい
fork sagaをコールしたい
takeEvery このactionがdispatchされたらこのsagaを毎回コールしたい
  • 他人のコードを読む用
  • yield fork(fn, args) は読む機会が無いので現状はスルーtakeEveryはcallforkを組み合わせて実装されてる
// selector関数の例 storeからcartだけ取りたい
export const getCart = state => state.cart

次に読むページ

型定義ファイル(「function put( 」とかでページ内検索して、コメントを読む)

33
27
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
33
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?