[React] 성능개선을 좀 더 편하게하기 (create)

저번에 한 것까지는 안되는 건 아니지만 나중에 성능개선을 하려고 할 때 까다로워질 수 있다고 한다.

좀 더 좋은 방법을 알아보았다. 

 

저번 코드

 

 

 

 

배열에 데이터를 추가하는 방법은 두 가지가 있다.

1. push : 오리지널 데이터가 바뀐다.

2. concat : 오리지널 데이터에 추가가 된 배열을 return한다.

 

무슨 차이냐하면!!

push는 아예 원래 배열에 3을 추가하지만

concat은 원래 배열에 3을 붙여 반환하고 result에 넣어서 찍어보면 123, 원래배열인 arr2를 찍어보면 12가 나온다. 

 

 

state에 값을 추가할 때는 push와 같이 오리지널 데이터를 변경하는 것을 쓰지 않는게 좋다.

concat처럼 오리지널을 변경하지 않고 새로운 데이터를 추가하는 것을 사용하자.

 

 

create를 끝냈으니 우린 create, read를 할 수 있게 되었닥!!