우선 create 모드가 될때 나타나게될 코드를 정리하기위해 따로 CreateContent.js파일을 만듭니다.
form태그에 action="/create_process"의 뜻은 옮겨지는 페이지를 "/create_process"라고 정하는 것이고 method="post"방식으로 해야지 내부정보를 볼 수 없습니다.
onSubmit={fuction()}은 submit이 실행될때 꼭 지나야하는 함수입니다. 이것은 react기능이 아닌 기본적으로 가지고 있는 기능입니다.
본인이 만들 형태는 submit이 될때 새로운창에서 작동되지 않게 만들기 위해서 e.preventDefault()를 넣어줍니다.
placeholder는 입력하기전에 무슨 텍스트가 화면에 나오게할지 정하는 겁니다.
mode가 read일 경우와 create일 경우를 나누어서 소스코드를 작성합니다.
여기서 꿀팁은 이미 <ReadContent>나 <CreateContent>태그를 _article에서 선언했기때문에 return함수에서는 컴포넌트형식으로 작성하지 않아도 됩니다.
'React > create 구현' 카테고리의 다른 글
| onSubmit 이벤트 (이벤트함수 생성, 디버깅으로 값 확인, 인자넣어주기, 매개변수넣어주고 출력 확인하기) (0) | 2021.02.09 |
|---|---|
| mode 변경 기능 (컴포넌트 추가, onChangeMode 이벤트 추가(핸들러)) (0) | 2021.02.08 |