#6 Create 구현(~form)

(필기)

 

모든 웹 어플리케이션은 CRUD에 의존한다. Create를 알아보자.

 

mode를 바꾸는 방식으로 갈꺼임 URL에 /create를 붙이는 식이다.

 

컴포넌트를 만들고 onchangemode 핸들러를 만들고 라우팅된 각각의 링크들을 클릭했을 때

 

mode가 바뀌게 한다.

 

/create에서는 props.onchangemode를 넣어서 명시한다.

 

onChangeMode라는 이벤트는 mode(현재 상태)를 인자로 받는다. 이렇게 해서 mode가 바뀌게 된다.

 

form은 정보를 전송하는 녀석이다. html과 똑같다. create 컴포넌트에 form을 넣고 기존에 하던 방식으로

 

input-submit 방식을 취하면 된다. 이 때 onSubmit 이벤트를 써서 submit이 눌렸을 때 기능을 구현한다.

 

onsubmit에 this를 바인딩하고 preventDefault를 취해주어서 reload가 되지 않도록 한다.