Skip to content

Instantly share code, notes, and snippets.

@ksakae1216
Created January 29, 2022 03:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ksakae1216/2d12dc3f5097ef3968615304416a9342 to your computer and use it in GitHub Desktop.
Save ksakae1216/2d12dc3f5097ef3968615304416a9342 to your computer and use it in GitHub Desktop.
import { createReducer, on } from '@ngrx/store';
import { setLoginStateSuccess, setErrorMessage } from '../login/login.action';
// ↑↑↑このactionを追加
export interface LoginModel {
isLogin: boolean;
errorMessage?: string;
}
export const initialState: LoginModel = { isLogin: false };
// ここから下が追加
export const loginReducer = createReducer(
initialState, // 最初に初期化する、ここから下がそれぞれの処理
on(setLoginStateSuccess, (state, { isLogin }) => { // setLoginStateSuccessアクションの処理、引数はisLogin
return ({...state, isLogin }); // 必ず最初は、...state。次にセットしたい情報(isLogin)
}),
on(setErrorMessage, (state, { errorMessage }) => { // ここもsetLoginStateSuccessアクションと同じ感じ
return ({ ...state, errorMessage });
}),
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment