<p>선생님 안녕하세요 영상 잘 보고 있습니다.</p>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c792ea;"> const</span>&nbsp;<span style="color: #f07178;">currentIndex</span>&nbsp;<span style="color: #c792ea;">=</span> Images<span style="color: #89ddff;">.</span><span style="color: #82aaff;">indexOf</span>(image)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c792ea;">let</span>&nbsp;newImages&nbsp;<span style="color: #c792ea;">=</span>&nbsp;[<span style="color: #c792ea;">...</span>Images]</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;newImages<span style="color: #89ddff;">.</span><span style="color: #82aaff;">splice</span>(currentIndex<span style="color: #89ddff;">,</span>&nbsp;<span style="color: #f78c6c;">1</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #82aaff;">setImages</span>(newImages)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;props<span style="color: #89ddff;">.</span><span style="color: #82aaff;">refreshFunction</span>(newImages)</div>
</div>
<p>여기서 newImages말고 그냥 Images를 사용하면</p>
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #c792ea;"> const</span>&nbsp;<span style="color: #f07178;">currentIndex</span>&nbsp;<span style="color: #c792ea;">=</span>&nbsp;Images<span style="color: #89ddff;">.</span><span style="color: #82aaff;">indexOf</span>(image)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4a4a4a; font-style: italic;">/*&nbsp;let&nbsp;newImages&nbsp;=&nbsp;[...images]&nbsp;*/</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Images<span style="color: #89ddff;">.</span><span style="color: #82aaff;">splice</span>(currentIndex<span style="color: #89ddff;">,</span>&nbsp;<span style="color: #f78c6c;">1</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #82aaff;">setImages</span>(Images)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;props<span style="color: #89ddff;">.</span><span style="color: #82aaff;">refreshFunction</span>(Images)</div>
</div>
<p>이미지 클릭해서 지울 때 첫번째만 지워지고 두 번째 부터 안 지워지는걸 알았습니다.</p>
<p>Images도 이미지 올려서 저장된 이미지들 배열로 알고있는데</p>
<p>Images와 newImages 차이를 잘 모르겠습니다..</p>

<p>newImages는 스프레드오퍼레이션을 사용해서 Images State에 가지고 있는 배열들을 모두 가지고 있기 때문이 아닐까요 ?</p>

Inflearn Community Q&A

newImages와 images