[React] object, array 자료형일 때, state 값 변경 하는 법

 

let [title, setTitle] = useState(["남자코트 추천", "강남 우동맛집", "파이썬독학"]);

-> 버튼을 클릭 시, 위 state를 변경하려고 한다.

 

변경 하는 법)

<button onClick={() => {
        let copy = [...title];
        copy[0] = "여자코트 추천";
        setTitle(copy);
      }}>버튼</button>

-> array, object 자료형 데이터를 다룰때는 기존값은 보존해주는 식으로 하는게 좋은 관습이라서 복사 후 변경한다.

-> [...변수명] 으로 복사(deep copy) 해야 된다. 자세한 설명은 따로 글 작성 예정