• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

mobx강좌의 App.tsx에서 14번째 줄 action부분에서 function이 아닌 에로우 함수인경우는 어떻게 바뀌어야 하죠?

20.02.25 11:21 작성 조회수 108

1

해당 강좌 시청중 문의가 있어올립니다.

mobx강좌의 App.tsx에서 14번째 줄 action부분에서 function 으로 되어 있는데 만약 에로우함수(=>)라면

해당 부분이  어떻게 바뀌어야 하나요?

혹시나 해서 this를 아래와 같이 this를 넣어 보니

 const state = useLocalStore<LocalStore>(() => ({
    name: "",
    password: "",
    onChangeName: action((thisLocalStore,e:React.ChangeEvent<HTMLInputElement>)=>{
      this.name=e.target.value;
    }),
    onChangePassword: action((this:LocalStore,e:React.ChangeEvent<HTMLInputElement>)=>{
      this.password=e.target.value;
    })
 }));

아래와 같은 에러가 발생합니다.

An arrow function cannot have a 'this' parameter.

애로우 함수의 경우에 어떻게 소스가 바뀌어야 하는지 알려주셨으면 합니다. 답변 기다리겠습니다. 감사합니다.

답변 1

답변을 작성해보세요.

0

this 대신에 state 넣어주시면 됩니다.