React :: 글 수정(update기능 구현하기)

부모 component 안에 있는 메서드

매개변수로 id, title, desc를 받아옴.

centent: 변수로 새로운 배열 만듬.

_contents: state에 있던 기존 배열 복사.

 

_contents.splice: 기존 content의 id값을 찾아 새로운 내용(content)로 바꿈.

 

 

 

render

selected_content :

수정하기를 누르기 전 화면에서 배열 데이터를 받아옴.

 

props로 data와 onSubmit함수를 전달.

 

onSubmit:

매개변수로 id, title, desc를 받아와

updateSubmit 함수를 실행.

 

 

 

자식 component

props로 전달받은 data로 state를 설정.

 

 

inputFromHandler: state 값 수정

 

 

** 객체 안의 key를 [대괄호]로 감싸면,

그 안에 레퍼런스값의 실제값이 key로 사용. 

 

 

**React에서는 submit을 통해form의 값을 바꾸기위해서, onSubmit함수를 사용해야함.

 

 

onSubmit:

props로 전달받은 함수 onSubmit 실행.

onSubmit의 매개변수로 state값(props로 전달받은 data값)을 사용.

 

**input의 onchange 함수는 input의 내용이 변화할 경우 onChange를 실행.

 

 

<textarea... name="desc"...>

value: state.desc값이 들어감.

 

onChange:

value값이 변화할 때마다 

inputFromHandler를 실행.

==> state.desc의 값을 변화.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

앗 inputFormHandler라고 치려고 했는데 오타났네;