[리액트] state 이전값 기억

state를 배열로 선언하여 이전값을 기억하면서 새로운 값을 추가하는 방법이다.

 

예를 들어

이렇게 A가 들어있다고 할 때, A는 기억하고 B를 추가하고 싶을 수 있다.

그 때 다음과 같은 방법을 사용할 수 있다.

setTest(prev => ([ ...prev, content ]));

혹은 배열 ([ ]) 상태이기 때문에 concat을 사용할 수 도 있다.

setMsg((prev) => prev.concat(newMsg));

 

concat은 새로운 배열을 만들어서 저장하는 것으로 주소가 중복되지 않는다.

 

위와 같은 방법을 사용하면 이전 내용인 A와 새로운 내용인 B를 잘 담을 수 있을 것이다.