[React] Update & Delete 기능 구현 - delete 구현

Study. React

Update & Delete 기능 구현

[delete 구현]

📌delete를 누르면 먼저 정말 삭제할건지 물어본다.

그리고 누구를 삭제할건지, 어떤 내용를 삭제할건지 

📌splice: 어디서부터 어디까지 삭제할건지

📌App.js

<Control onChangeMode={function(_mode){
          if(_mode === 'delete'){
            if(window.confirm("really?")){
              var _contents = Array.from(this.state.contents);
              var i = 0;
              while(i < _contents.length){
                if(_contents[i].id === this.state.selected_content_id){
                  _contents.splice(i, 1);
                  break;
                }
                i = i + 1;
              }
              this.setState({
                mode:'welcome',
                contents:_contents
              });
              alert('deleted!');
            }
          }else{
            this.setState({
              mode:_mode
            });
          }
        }.bind(this)}></Control>

 

📌삭제 완료

 

💡 delete 끄읕-!