코드네임 :
React -2 본문
html 태그는 소문자로
컴포넌트는 대문자로
흠 리액트는 코드 재사용이 쉬워보이는 군요
const [변수, 변수_변경함수] = React.useState(초기값);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="root"></div>
</body>
<script type="text/babel">
const root = document.getElementById("root");
function App(){
const [counter, setCounter] = React.useState(0);
const onClick = () => {
//setCounter(counter+1);
setCounter((currentState) => currentState + 1);
};
return(
<div>
<h3>Total CLicks : {counter}</h3>
<button onClick={onClick}>Click me</button>
</div>
)
}
ReactDOM.render(<App />, root);
</script>
</html>
'🖥️Frontend > React' 카테고리의 다른 글
| React - 1 (0) | 2025.03.10 |
|---|