inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

리덕스 컴포넌트 타이핑

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

197

dongk

작성한 질문수 21

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.

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

react typescript

답변 1

0

제로초(조현영)

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

express response 타입

0

230

1

createRoot

0

295

1

babel-loader질문입니다! 왜쓰는지 궁금합니다!

0

697

1

undefined 처리

0

505

1

compilerOptions lib 관련

0

335

1

event type 찾기

0

333

1

정확한 type vs 가독성

0

306

1

useRef에 대해 질문드립니다.

0

313

1

tsx파일에서 에러 표시

0

876

1

Props type 질문드립니다.

0

241

1

webpack.config.ts/ Could not find a declaration file for module '@pmmmwh/react-refresh-webpack-plugin'.

0

602

1

18버전에서의 ReactDOM.render

1

663

1

깃허브에 react-router@6 업데이트 해주신 코드 질문드립니다.

0

301

1

2강 끝말잇기 npx webpack 오류가 질의사항

0

413

1

Property 'render' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.

0

724

1

webpack.config.ts import 할 때 에러좀 봐주세요!!

0

313

1

React.FC에 대해 궁금합니다.

0

717

1

가위바위보 interval 타입과 이벤트타입에 관한질문

0

348

1

npm run dev 실행은 성공적으로 되는데

0

691

2

redux 유료강좌를 듣고 와야 되는지 여쭈어보려고 합니다.

0

329

1

git 내용과 강의 내용이 달라서 여쭈어봅니다.

0

229

1

Ball.tsx 타이핑

0

339

2

react-router 버젼 업그레이드 변경사항 문의

0

294

2

리액트 타입스크립트 공식문서

0

344

1