인프런 커뮤니티 질문&답변

const userStore = observable({
  isLogginIn: false,
  data: null as any,
  logIn(data: any) {
    this.isLogginIn = true;
    setTimeout(() => {
      this.data = data;
      this.isLogginIn = false;
      postStore.data.push(1);
    }, 2000);
  },
  logOut() {
    this.data = null;
  },
});

const userStore = observable({
  isLogginIn: false,
  data: null as any,
  logIn: (data: any) => {
    userStore.isLogginIn = true;
    setTimeout(() => {
      userStore.data = data;
      userStore.isLogginIn = false;
      postStore.data.push(1);
    }, 2000);
  },
  logOut: () => {
    userStore.data = null;
  },
});

평소에 선언적함수보다 익명함수로 코딩을 하고 있어서 코딩스타일을 맞추고 싶어

위 코드를 밑에처럼 익명함수로 바꿔봤습니다.

익명함수에 화살표함수를 쓰니 this가 바인딩되어
undefind가 된것 같은데 그래서 this 대신 userStore에서 접근하는 방식으로 바꿔봤습니다.

this대신에 useStore로 접근해도 괜찮은지 잘 모르겟습니다.