본문 바로가기

너와 나의 프로그래밍

너와 나의 프로그래밍

  • 분류 전체보기 (116)
    • Back-End (13)
      • Java Example (5)
      • Spring Framework (8)
    • Front-End (68)
      • TypeScript (6)
      • JavaScript (14)
      • Next.js & React.js (30)
      • Vue.js (8)
      • HTML5 & CSS3 (4)
      • JQuery (6)
    • Etc. (35)
      • Development Etc. (17)
      • Yoon's Life (18)
Guestbook
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록react input onchange button click (1)

너와 나의 프로그래밍

React.js - Button onClick으로 부모의 onChangeHandler 이벤트 발생 시키기

Dropdown 기능이나 SelectBox를 div와 input Element tag로 Custom하게 구현할 때 div의 목록을 클릭해서 클릭한 목록의 대한 값을 input value에 나타내주는 기능을 구현하는 도중 onClick을 했을 때 onChangeHandler로 변경하는 input value의 값을 어떻게 변경해야하는지 막막함이 다가왔다. input의 value의 값을 useState Hook을 통해 변경할 때 대표적으로 2가지 방법을 사용하고 있다. // 1. 단일적으로 선언 const [data, setData] = useState(""); // 2. Object에 리스트형식으로 초기값 선언 const [data, setData] = useState({ testData: "" }) 변경할..

Front-End/Next.js & React.js 2023. 1. 24. 15:16
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바