250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- 자바스크립트
- 오라클클라우드
- 훈련소 후기
- 공익 훈련소
- svgr
- sessionStorage
- react toast
- react life sycle
- The above error occurred in the
- useRouter
- 리액트 알림
- 리액트 라이프사이클
- next.js toast
- react
- NextJS
- server action
- 훈련소
- 자바스크립트 순수함수
- query param
- no-use-before-define
- useformstatus
- resolved to branch.
- 산업기능요원 훈련소
- styled-component
- 비동기 병렬처리
- angular
- localStorage
- 리액트
- 사회복무요원 훈련소
- 오블완
Archives
목록useState (1)
아 그거 뭐였지
[React] useState, onClick 데이터 상태 변화
useState 어떠한 이벤트 발생시 변수의 값을 바꾸고 싶을때 useState를 사용한다. data라는 변수를 선언하고 바꾸고싶다고 하였을때 형태는 아래와 같다. // useState에는 초기화할 값을 넣어주면 된다. // setData외에 다른 변수명을 지어도 되지만, 관습적으로 변수명앞에 set을 붙인다. let [data,setData] = useState(''); return( {data} {setData("Hello")}}> ) button을 클릭하게 되면 data의 값이 Hello바뀌는 로직을 작성해보았다. onClick={ 함수로직 } 사용 방법은 이러하다. 배열 형태로의 데이터들도 핸들링이 가능하다. 사용법은 다음과 같다. let [data,setData] = useState([0,1,2..
Front-End
2022. 3. 23. 22:54