useState로 객체정보 update 시키는 방법

유관희·2022년 8월 31일
0

<NewExpense onAddExpense={addExpenseHandler} /> 
에서 addExpenseHandler 함수를 호출할때 

 const addExpenseHandler = (expense) => {
        // console.log('In App.js');
        // console.log(expense);
        // setExpenses([expense, ...expenses]);
        setExpenses((prevExpenses)=>{
          return [expense,...prevExpenses];
        })
 data를 update 시키기 위해 useState를 이용할때 
setExpenses([expense, ...expenses]);
이런 식보다는 
setExpenses((prevExpenses)=>{
          return [expense,...prevExpenses];
        })
이런식으로 prev를 이용한 스프래드 연산자를 이용하여 update 하는 것이 
안전하다. 
profile
안녕하세요~

0개의 댓글