본문 바로가기
🖊️Programming Language/📌React

[React] Create 기능 구현

by 빛나고요 2021. 5. 7.
BIG

Study. React

Create 기능 구현

[create 기능 구현: 소개]

📌Create

    Read

    Update

    Delete

 

📌페이지에 create, update, delete 기능 추가


📌create를 누르면 목록과 내용을 새롭게 작성할 수 있는 input 박스와 submit 버튼이 생성

📌update를 누르면 create에서 작성했던 title, desc가 목록에 새롭게 업데이트

📌delete를 누르면 목록이 삭제

 

 

 

💡그리고 몇 일전에 내 파일에서는 HTML, CSS, JavaScript 이 부분을 눌러도 내용이 알맞게 바뀌지 않았는데 알고보니까 목록을 누르면 자동으로 내용이 나오도록 하려고 App.js에 반복문을 추가했는데 그 전에 만들어둔 코드(아래 코드)를 지우지 않아서 계속 한 가지만 로드되었던 것이었다. 

_title = this.state.contents[0].title;
_desc = this.state.contents[0].desc;

 

 

댓글