데이터 수정하기
2021. 4. 26. 00:33ㆍ개발 프로젝트/[리액트] 게시판 만들기
1. 액션, 액션크리에이터 생성
2. axios 통신 연결하기
formData.append("title", title); // "title" = key, title = value
3. AddPost.js에서 useState를 사용하여 state변수 선언해주기
Using the State Hook – React
A JavaScript library for building user interfaces
ko.reactjs.org
is_edit 변수를 만들어 수정모드인지 아닌지 확인해준다.
let _post = is_edit? post_list.find((p) => p._id === post_id) : null; // 이부분 아직 이해 잘 안됨
수정하기 버튼을 눌렸을때 state를 그대로 보여주는 것을 확인할 수 있다.
4. inputbox에 value값을 넣어주고 버튼에 onClick함수를 이용해 디스패치하여 액션을 실행시켜준다.
수정이 잘 되었다!🤓
'개발 프로젝트 > [리액트] 게시판 만들기' 카테고리의 다른 글
데이터 추가하기 (0) | 2021.04.25 |
---|---|
데이터 삭제하기 (0) | 2021.04.25 |
데이터 불러오기!! (0) | 2021.04.19 |
글쓰기 기능 구현1 (0) | 2021.04.16 |
onClick 함수 Cannot read property 'push' of undefined에러 (0) | 2021.04.15 |