[React] useState 변경

상태값 변경 시 자주 사용되는 방법

1. 해당 값을 복사한다 (원본을 참조하지 않게 깊은복사로)

2. 복사한 값을 수정한다.

3. state를 set한다.

import './App.css';
import {useState} from "react";

function App() {

  const [val, setVal] = useState(5);
  const [array, setArray] = useState([1, 2, 3]);

  function btnClick() {
    const copyArray = [...array]; // ES6 deep copy
    setArray(copyArray.reverse());
  }

  return (
    <div className="App">
      <div>{ array }</div>
      <button onClick={ btnClick }>버튼 클릭!!</button>
    </div>
  );
}