안녕하세요 선생님
항상 강의 잘 듣고 있습니다
"빠르게 마스터하는 타입스크립트" 강의 내
"React + TypeScript 사용할 때 알아야할 점 2 : Redux toolkit" 영상에 대한 질문입니다
index.tsx에서 만든 incrementByAmount를 활용해
input에 작성한 숫자만큼 redux로 관리되는 count 값을 증가시키는 코드를 작성하였습니다
그런데 input에 입력한 값을 받아오기 위해 App.tsx에서 함수 valHandler를 만들며 의문이 들었습니다
const valHandler = (e: { target: { value: string } }): void => {
setVal(Number(e.target.value));
};
valHandler에 파라미터 부분을 그냥 'e'로 적는 것이 맞는지
'e: { target: { value: string } }'처럼 완전히 특정해 주는 것이 맞는지 궁금합니다
// App.tsx
import React, { useState } from 'react';
import logo from './logo.svg';
import './App.css';
import { useDispatch, useSelector } from 'react-redux';
import {
RootState,
increment,
decrement,
doubleIncrement,
incrementByAmount
} from './index';
function App() {
const [val, setVal] = useState(0);
const 꺼내온거 = useSelector((state: RootState) => state);
const dispatch = useDispatch();
const valHandler = (e: { target: { value: string } }): void => {
setVal(Number(e.target.value));
};
return (
<div className='App'>
{꺼내온거.counter1.count}
<button
onClick={() => {
dispatch(increment());
}}
>
증가
</button>
<button
onClick={() => {
dispatch(decrement());
}}
>
감소
</button>
<button
onClick={() => {
dispatch(doubleIncrement());
}}
>
2씩증가
</button>
<input onChange={valHandler}></input>
<button
onClick={() => {
dispatch(incrementByAmount(val));
}}
>
맘대루증가
</button>
</div>
);
}
export default App;
