리액트 state 상태 저장, 업데이트

 

 

  const App = () =>{
    const [expenses, setExpenses] = useState(EXPENESES);

    const addExpenseHandler = expense =>{
      setExpenses([expense, ...expense]);
    }
  }

스냅샷에 의존해서 상태 업데이트 하는 방식

 

 

    // 가장 최신 상태의 스냅샷과 항상 계획된 상태업데이트

    // 안전한 방법

    const addExpenseHandler = expense =>{
      setExpenses(prevExpenses =>{
        return [expense, ...prevExpenses];
      });
    }