초보 개발자

6 CRUD Delete 본문

React

6 CRUD Delete

taehyeki 2021. 9. 5. 17:01
 <List
          changeMode={function (mode) {
            if (mode === "delete") {
              let contents = Array.from(this.state.content);
              for (var i = 0; i < contents.length; i++) {
                if (contents[i].id === this.state.selected_id) {
                  contents.splice(i, 1);
                }
              }
              this.setState({
                mode: "welcome",
                content: contents,
              });
            } else {
              this.setState({
                mode,
              });
            }
          }.bind(this)}
        ></List>

delete는 간단하다 . delete를 누르면 "delete"라는 정보가 함수로 가고 if 문을 통해 접속한다

앞서와 마찬가지로 배열을 복제하고 selected_id와 일치하는 정보를찾아서 slice로 지운 뒤 state에 있는 content에 바꿔치기 하면 끝난다. 

'React' 카테고리의 다른 글

5 CRUD Update  (0) 2021.09.05
4 CRUD - C , shouldComponentUpdate  (0) 2021.09.05
3-3 event, bind  (0) 2021.09.03
3-2 event, bind  (0) 2021.09.03
3-1. state props  (0) 2021.09.03