강의

멘토링

커뮤니티

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

dongk님의 프로필 이미지
dongk

작성한 질문수

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

리덕스 컴포넌트 타이핑

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

작성

·

193

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 넣어주시면 됩니다.

dongk님의 프로필 이미지
dongk

작성한 질문수

질문하기