본문 바로가기

React

[React & 가계부프로젝트] Object 내부 key 한개 값만 변경하기

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 } ) 을 축약한 형태이다.

반응형