[React] 배열 다룰 때 사용하는 함수

React에서는 불변성을 유지해야하기 때문에, state 내부의 값을 직접적으로 수정하면 안된다. (함수를 사용하여 새로 만들어야한다.)

 

값을 직접 수정할 시 상태가 바뀌었다고 React에서 파악하지 못한다.

 

따라서 React 배열을 다룰때 사용하지 말아야하는 함수와 사용해야하는 함수가 있다.

 

>> React에서 배열을 다룰 때 사용하지 말아야하는 함수  (상태값을 직접적으로 바꾸는 함수들)

• push
• splice
• unshift
• pop

 

>> React에서 배열을 다룰 때 사용하는 함수  (새 배열을 만드는 함수들)

• concat (새로운 배열 추가)
• slice (배열 안에 값을 잘라 올때)
• map  (배열 안의 값을 변경 할 때)
• filter  (특정 조건만 제외할 때 = 배열 안의 값 삭제 하고 싶을 때 사용)