티스토리 뷰
728x90
State를 사용하려면 React를 import 해줘야함
import React,{useState} from "react";
컴포넌트는 상태가 변화하면 화면을 다시 그리는 Re-rendering 과정을 거친다.
그에 따라 해당 함수가 다시 호출된다.
컴포넌트는 State를 여러개 가질 수 있다.
import React, { useState } from "react";
const Counter = () => {
//0에서 출발
//1씩 증가
//1씩 감소
//[상태의값, 상태변화메소드] = 함수(초기값);
const [count, setCount] = useState(0);
const onIncrease = () => {
setCount(count + 1);
};
const onDecrease = () => {
setCount(count - 1);
};
const [count2, setCount2] = useState(0);
const onIncrease2 = () => {
setCount2(count2 + 1);
};
const onDecrease2 = () => {
setCount2(count2 - 1);
};
return (
<div>
<h2>{count}</h2>
<button onClick={onIncrease}>+</button>
<button onClick={onDecrease}>-</button>
<h2>{count2}</h2>
<button onClick={onIncrease2}>+</button>
<button onClick={onDecrease2}>-</button>
</div>
);
};
export default Counter;
728x90
'헉!! > javascript' 카테고리의 다른 글
[Javascript] async & await (0) | 2024.07.21 |
---|---|
[Javascript] Truthy & Falsy (0) | 2024.07.20 |
[javascript] bit.ly 짧은주소 생성시 http와 https 프로토콜에 따른 api 호출주소 (0) | 2014.09.12 |
[jQuery] 접속 클라이언트의 Agent를 쉽게 확인할 수 있는 플러그인 (0) | 2014.08.09 |
[javascript] 크롬에서 window.close 가 안될때 (1) | 2014.01.06 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 아이폰 개발
- 아이폰
- jQuery
- iPhone
- MAC OSX 10.7
- JavaScript
- tomcat
- Xcode
- Java
- iBATIS
- Objective C
- iOS 개발
- MacOS X
- JSP
- oracle
- Spring
- 아이폰 어플리케이션
- zero
- Objective-C
- MySQL
- SQL
- IT
- 자바
- Spring Framework
- 오브젝티브 C
- 제이쿼리
- 오브젝트 C
- 자바스크립트
- Object C
- Programming
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함