React create

Create a 태그를 만들고 event.preventDefault();를 만들어준다

onclick 했을때 페이지 넘어가므로 방지하기 위해서 event.preventDefault();

setMode를 CREATE로 바꿔준다

setMode에 CREATE가 들어왔으므로 mode에 CREATE가 들어온다

mode에 CREATE가 들어오면 Create 태그를 추가해준다

Create 함수를 정의해준다

onsubmit submit을 클릭 했을때 자동으로 페이지가 넘어가는것을 방지 하기 위해 event.preventDefault를 해준다

event.target 이벤트가 일어나는 곳이 submit이고 sumbit은 form에 속해 있기 때문에 event target은 form 태그다

evetn.target.title.value form 태그 안에 있는 name이 title인 태그의 value값

submit버튼을 onclick했을때 title과 body값을 받아온다

props.onCreate 로

title값과 body값을 전달한다

submit버튼을 눌렀을때 4번째 항목을 만들어주기 위해서

[topics, setTopics]로 바꿔준다

newTopic으로 title값과 body값을 보내준다

1. useState가 파라메터 값으로 [1]객체 1을 전달받을 경우에 기존의 value값(1)을 new Value라는 값에 전달하고

새롭게 push(2)라는 값을 다시 new Value에 저장하고 newValue객체를 setValue에 넣어주는 방식으로 교체한다

즉

value = 1

newValue = [...value] =1

newValue = newValue.pust(2) =2

setValue(newValue) =2

value = 2

2.객체가 아닌 일반타입은 바로 setValue()에 넣고 value값을 바꾼다

value = 1

setValue(2)

value = 2

setId(nextId) 현재 4

다음에 게시글을 사용할때 setNextId(nextId + 1) 현재아이디 + 1

Son