useState 에 객체 배열로 저장하는 법

state의 모양을 {}로 설정

 const [addData, setAddData] = useState({});

set함수에서 구동 함수 내부에 구조파괴 함수 …state 후 [key] : value 값으로 저장

 const addItems = (e) => {
    const { name, value } = e.target;
    setAddData({ ...addData, [name]: value });
    // console.log("addData:", addData);
  };

key 값 지정은 input 태그에서 name이라는 항목의 이름으로 지정!

<input name="name" type="text" placeholder="수익 카테고리 추가" 
onChange={addItems} />
<input name="amount" type="number" placeholder="카테고리 값"
 onChange={addItems} />