[Spread Operator] 배열에 특정한 인덱스의 아이템 교체

sonaky47·2018년 11월 7일
1
post-thumbnail

사연

React로 서비스를 개발 하는 도중 state의 배열 값의 특정한 인덱스의 값을 변경해야 할 일이 생겼다. 막상 맞딱뜨리니까 뭔가 쉽지 않았다. Velopert님 React강의를 듣던 와중에 뭔가 배운거 같기는 한데 ㅎㅎ 머리를 쥐어짜다가 어느정도 감이 와서 해결하게 되었다. 전개연산자(Spread Operator)를 활용하였다.

간단한 예제

이 배열의 2번째 인덱스를 10으로 교환해보자.
결과 값은

가 나오도록!!

해결

리액트 setState에서의 사용예시

profile
위메프에서 백엔드 개발자로 일하고 있습니다. 너에게쓰는목소리, 키워드다어이리를 출시했습니다.

4개의 댓글

comment-user-thumbnail
2018년 11월 7일

setState 구문을 imperative 스타일로 하게 해주는 immer라는 라이브러리도 있습니다.
벨로퍼트님이 소개하신 것 같은데 한 번 둘러보세요. 저한테는 spread syntax보다 편하더라구요.

1개의 답글
comment-user-thumbnail
2018년 11월 7일

전 잘 안쓰긴 하는데, 이렇게도 하더라구요

1개의 답글