Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
react로 영화 웹서비스 만들기 중 To do list
#react
1 week ago

해당 강의 #7.1 To do list에서 제가 추가로 삭제 기능을 넣어보려고 했는데 잘 안되네요ㅜㅜ

const onRemove = (event)=>{ setTodos(todos.filter(list => list !== (event.target.value) )); }

.....

      <ul>
        {todos.map((item, index)=> 
         <li key={index}>
           {item} 
             <button 
               value={item} 
               onClick={onRemove}
              >
                ❌
             </button>
         </li>)}
       </ul>

이렇게 작성해서 삭제 기능 자체는 구현했는데 list의 내용을
기준으로 하다보니 내용이 같은 list가 있으면 하나만 삭제해도 다 삭제되네요..
배열의 index처럼 고유한 값을 이용하면 될 것 같은데 react로 
어떻게 구현하면 좋을까요
Cancel
10 comments
글쓰기
노마드코더 이벤트