React 배열에 추가하기

React는 기존 state와 새로운 state를 비교하여 렌더링하기 때문에 참조형인 array,object같은 경우에는 주의해야한다.

불변성을 지켜주어야하기 때문에 push,splice,sort등의 함수를 사용하면 안된다.

사용할경우, 기존의배열을 복사해 사용해야한다.

1. concat() 사용하기

concat은 새로운 배열을 리턴해 기존의 배열은 바뀌지 않는다.

const [list,setList]= useState([]);
setList(list.concat(item));

2. spread연산자 사용하기

const [list,setList]= useState([]);
setList([...list,item]);