inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

리덕스 컴포넌트 타이핑

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

195

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

210

1

createRoot

0

285

1

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

0

685

1

undefined 처리

0

493

1

compilerOptions lib 관련

0

329

1

event type 찾기

0

324

1

정확한 type vs 가독성

0

292

1

useRef에 대해 질문드립니다.

0

305

1

tsx파일에서 에러 표시

0

864

1

Props type 질문드립니다.

0

227

1

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

0

590

1

18버전에서의 ReactDOM.render

1

658

1

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

0

294

1

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

0

409

1

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

0

716

1

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

0

307

1

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

0

701

1

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

0

343

1

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

0

677

2

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

0

320

1

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

0

223

1

Ball.tsx 타이핑

0

324

2

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

0

286

2

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

0

338

1