Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- SAA
- MongoDB
- crud
- AWS
- 파이썬
- docker
- EC2
- RDS
- git
- TypeScript
- dict
- socket io
- flask
- NeXT
- 카톡
- async
- 채팅
- Props
- SSA
- node
- pandas
- 튜플
- merge
- Class
- 중급파이썬
- wetube
- lambda
- Vue
- react
- S3
Archives
- Today
- Total
초보 개발자
6 CRUD Delete 본문
<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 |