일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 생활코딩
- react
- 세로메뉴바
- 프론트엔드
- 슬라이드전환
- 연산자
- JavaScript
- CSS
- JS
- web
- 웹퍼블리셔
- github
- PROJECT
- git
- 정보처리기사
- 깃
- 웹디자인기능사
- Supabase
- HTML
- 렛츠기릿자바스크립트
- 리액트
- 비전공자
- jQuery
- 실기
- 코드공유
- 웹디실기
- 자바스크립트
- 웹디자인기능사실기
- 코딩독학
- 타입스크립트
Archives
- Today
- Total
목록버튼활성비활성 (1)
코딩하는라민
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b2R3ga/btr4xihLktO/KQ77pS8TZSLwm3j82AtMNK/img.png)
[React/Project] input disabled 를 이용한 다중 입력값에 따른 버튼 활성/비활성화 📌 input 에 value 를 하나라도 입력하면 버튼이 활성화되던 문제 ✅ 현재 상태 input 의 상태를 다음과 같이 관리하고 있다. const [formState, setFormState] = useState({ title: '', price : '', content: '', }); input 에 값을 입력하면 onChange 이벤트가 발생하고, onChange 이벤트 안에 setState 를 통해 상태를 변경하는 콜백함수를 넣어주었다. 변경되는 상태를 input 의 value 에 담아 input 의 값을 조회할 수 있게 해주었다. const handleChange = (e) => { setFo..
프로젝트 관련/Project
2023. 3. 17. 10:34