목록input (1)

코딩하는 고릴라

[React] Input으로 state 변경

🦥 Text 입력값 받아 활용하기 1. input값에 따라 시시각각 값이 업데이트될 state 선언 2. input 태그에 onChange 속성 넣어주기 3. onChange시, 앞에서 선언한 state 값에 변화 주기 - e.target.value : input 태그 내 입력될 값의 value - setTitleInput : 선언된 state인 titleInput의 값을 e.target.value로 변화시켜 준다 4. 등록 버튼 눌렀을 시 작동할 함수 작성하기 - Line 3 : titleInput이 공백인 경우는 게시글 등록을 하지 않기 위한 코드 - Line 4 : 기존 게시글 제목들을 담아놓은 state인 title의 값을 복사 - Line 5 : 복사된 배열에 새로 입력된 게시글 제목 추가 - ..
React 2023. 11. 7. 22:10
이전 Prev 1 Next 다음