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에 바꿔치기 하면 끝난다.