const [form, setForm] = useState<Form>({
id: '',
date: '2022-06-23',
category: '',
title: '',
amount: '',
method: '2',
type: 'send',
});
const handleInputTitle = (e: any) => {
const title = e.target.value;
setForm({ ...form, title });
};
...form 이렇게 form 객체를 복사하고 title: title 객체를 붙여서 title만 값을 업데이트 할 수 있었다.
** ...form, title은 Object.assign({ ...form}, { title: title } ) 을 축약한 형태이다.
반응형
'React' 카테고리의 다른 글
[React & 가계부프로젝트] warning뜨면서 input이 비활성화 된 것처럼 안써질때 (value/defaultValue) (0) | 2022.06.27 |
---|---|
[React & 가계부프로젝트] v-model 처럼 input값 변경 감지하기 (0) | 2022.06.27 |
[React & 가계부프로젝트] 모달만들기 props.children ( v-slot 같은 개념 만들어보기) (0) | 2022.06.27 |
[React & 가계부프로젝트] JSX if else 문 만들기 (리액트로 v-if / v-else 만들어보기) (0) | 2022.06.27 |
[React & 가계부프로젝트] onClick 함수에 파라미터 같이 넘기기 (e도 같이 넘기기) (0) | 2022.06.27 |