[React] 8. input

<input type=""/>date, checkbox,

<select/>

 

<input onChange={()=>{???}}/>

입력할때마다 작용

 

<input>에 입력한 값 가져오는 법

파라미터 안에 e를 넣는다.

e.target 이벤트 발생한 html태그

 

<span>눌러도 모달창 뜸

span, h4, div 3번누른게됨

이벤트가 상위요소로 퍼짐 이벤트 버블링

 

let [입력값, 입력값변경] = useState('');

<input onChange={(e)=>{
  입력값변경(e.target.value);
  console.log(입력값)
}}/>

글제목 추가

새로고침 없어짐 이유

html, js파일 다시 읽어서 그럼

서버나 데이터베이스에 저장

 

글마다 삭제버튼 추가, 원하는글만삭제능