데이터 수정하기

2021. 4. 26. 00:33개발 프로젝트/[리액트] 게시판 만들기

1. 액션, 액션크리에이터 생성

2. axios 통신 연결하기

formData.append("title", title); // "title" = key, title = value

 

3. AddPost.js에서 useState를 사용하여 state변수 선언해주기

useState 공식문서 참고

 

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함수를 이용해 디스패치하여 액션을 실행시켜준다.

수정이 잘 되었다!🤓