• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 서버통신 버튼 클릭시 input 초기화 하는법

서버통신 버튼 클릭시 input 초기화 하는법

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #120980

    이민규
    참가자
     
    선생님 댓글 작성 버튼 누를 시 새로고침 없이 바로 댓글 보이게 만들었는데요
    새로고침이 안되니 댓글 작성 버튼을 눌러도 input 창에 작성한 내용이 사라지지 않고 그대로 남아있습니다
    그냥 value="" 하면 react문법상 유저가 수정을 못한다고 하더라고요
    const [text,setText] = useState('');
    const send = () => {
    setRender(text);
    setText('');
    }
    <input onChange={textHandler} value={text}/>
    찾아보니 onChange와 value를 활용해 초기화 할 수 있다고 하는데요,
    <input
            onChange={(e) => {
              setComment(e.target.value);
            }}
          />
    이미 코드에서 onChange를 써버려서 setComment 밑에 {textHandler}를 추가해도 
    여전히 value값을 넣었을 때 input을 유저가 수정할 수 없게 됩니다
    이런 경우 어떻게 해야 댓글 작성 버튼을 눌렀을 때 input이 빈칸이 되도록 만들 수 있나요?
     
    #120988

    codingapple
    키 마스터
    버튼누르면 setText('') 하라고 코드짜봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠