반응형
React 에서 useState 를 사용하는 예시
import React, {useState} from "react";
const MyButton = () => {
const [currentCount, setCurrentCount] = useState(0);
const handleClick = () => {
setCurrentCount(currentCount+1);
}
return (
<div>
<button onClick={handleClick}>+1</button>
<div>{currentCount}</div>
</div>
)
}
export default MyButton;
위에서 선언한 MyButton을 사용할때의 예시
import MyButton from './component/MyButton';
function App() {
let subject = 'My React';
return (
<div className="App">
{subject}
<MyButton />
</div>
);
}
반응형
'IT News > React & nodejs' 카테고리의 다른 글
React 에서 useEffect 함수 사용방법 (0) | 2021.10.10 |
---|---|
검색창 예제 React : searchBar example in React (0) | 2021.10.07 |
props 예제 : React (0) | 2021.10.04 |