import { useState } from "react";
function Square() {
const [value, setValue] = useState(null);
function handleClick() {
setValue("S");
}
return (
<button className="square" onClick={handleClick}>
{value}
</button>
);
}
export default function Board() {
return (
<>
<div className="board-row">
<Square />
<Square />
<Square />
</div>
<div className="board-row">
<Square />
<Square />
<Square />
</div>
<div className="board-row">
<Square />
<Square />
<Square />
</div>
</>
);
}
'Research > React' 카테고리의 다른 글
React_state 그리고 useState (1) | 2023.10.23 |
---|---|
React_ 함수형 컴포넌트와 클래스형 컴포넌트 (0) | 2023.10.23 |
hook으로 컴포넌트 일괄 업데이트하기 (0) | 2023.10.18 |
useState로 컴포넌트 update하기 (0) | 2023.10.18 |
React 배열 렌더링하기 (0) | 2023.10.18 |
댓글