생활코딩 react (19.4. create 구현 - form)

# React-19.4. create 구현 - form

 

1. CreateContent 컴포넌트에 글작성 폼 추가

1.1 제목, 내용, 버튼 추가

: CreateContent.js - retun 구문에 form 테그 추가
<form>
  <p>
    <input type="text" name="title"
    placeholder="title"></input>
  </p>
  <p>
    <textarea name="desc" placeholder="description"></textarea>
  </p>
  <p>
    <input type="submit"></input>
  </p>
</form>

1.2 form 액션 설정

 - 서브밋 버튼(제출) 클릭시 메시지창을 띄우며 화면전환이 되지 않도록 작성

: CreateContent.js - form 테그 속성 정의
<form action="/create_process" method="post"
  onSubmit={function(e){
    e.preventDefault();
    alert('submit!!');
  }.bind(this)}
>

 

* 다음 기능

 - app.js 컴포넌트의 content 끝에 form 에서 작성한 사용자의 입력정보를 추가