TIL) 생활코딩 React delete

#배운 것

<></> : 복수의 태그를 묶을 때 사용. 아무 의미가 없으며 묶는 용도로만 사용됨.

 

#느낀 점

delete라고 해서 fancy하게 태그를 삭제하거나 그런 게 있을 줄 알았는데,

빈 배열을 생성하고 삭제할 값을 제외하고 나머지를 담아주는 식으로 구현되어서 의외로 허무?했다

코딩을 배울수록 느끼는 거지만, 항상 인간이 생각하는 방법은 컴퓨터랑 많이 다르다는 것.

가장 저차원적으로 생각하는게 코딩에 도움이 되는 거 같다.

    contextControl = <>
      <li><a href={'/update/'+id} onClick={event=>{
        event.preventDefault();
        setMode('UPDATE');
      }}>Update</a></li>
      <li><input type="button" value="Delete" onClick={()=>{
        const newTopics = []
        for(let i=0; i<topics.length; i++){
          if(topics[i].id !== id){
            newTopics.push(topics[i]);
          }
        }
        setTopics(newTopics);
        setMode('WELCOME');
      }} /></li>
    </>

 

참고

https://opentutorials.org/course/4900/31271

삭제 기능 구현 & 수업을 마치며 - 생활코딩