입력값으로 글제목 추가한 후 입력창 비울 수 있는 방법

[김민정]

버튼을 누르면 함수가 실행되면서 글제목이 추가하는 것을 구현하였는데, 입력창이 빈칸으로 바꾸는 것은 어떻게 추가하나요?

Javascript에서는 input.value='' 한줄 추가하면 됐는데, 리액트에서는 동시에 여러 가지 기능을 어떻게 처리할 수 있을까요?

[codingapple]

input의 value를 state로 만들어둔 뒤에 그걸 빈 글자로 만들어도 되고 

버튼눌렀을 때 셀렉터로 인풋찾은 뒤에 value = "" 하셔도 됩니다  document.querySelector('input').value = "";
일반 자바스크립트 쓰는데 제약은 없습니다 

 

[김민정]

let [text, setText] = useState('');

function addTitle(text) {
  let newTitle3 = [...titles];
  newTitle3.unshift(text);
  setTitles(newTitle3);
}

<div className='publish'>
        <input  onChange={(e) => {setText(e.target.value)}}  value={text}  />
        <button className='btn' onClick={() => addTitle(text)}>Save</button>
</div>

 

강의에서 알려주신 것 처럼 input의 value를 state로 만들고 시작하였고, button을 누르면 addTitle 함수가 실행되면서 글발행이 됩니다. button 이벤트가 발생하면 addTitle 함수 실행과 동시에 input.value=''으로 만드는 코드는 어디에 어떻게 작성하는 지..알려주신 설명으로는 잘 이해가 안가서요!

[codingapple]

save 버튼을 누르면 addTitle() 이것도하고 setText('') 이것도 실행하면 되겠군요 onclick안에 적으면됩니다

[글쓴이]

글