44 lines
932 B
JavaScript
44 lines
932 B
JavaScript
import React, { useState, useCallback } from "react";
|
|
|
|
const Form = () => {
|
|
const [row, setRow] = useState(10);
|
|
const [cell, setCell] = useState(10);
|
|
const [mine, setMine] = useState(20);
|
|
|
|
const onChangeRow = useCallback((e) => {
|
|
setRow(e.target.value);
|
|
}, []);
|
|
const onChangeCell = useCallback((e) => {
|
|
setCell(e.target.value);
|
|
}, []);
|
|
const onChangeMine = useCallback((e) => {
|
|
setMine(e.target.value);
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<input
|
|
type="number"
|
|
placeholder="세로"
|
|
value={row}
|
|
onChange={onChangeRow}
|
|
/>
|
|
<input
|
|
type="number"
|
|
placeholder="가로"
|
|
value={cell}
|
|
onChange={onChangeCell}
|
|
/>
|
|
<input
|
|
type="number"
|
|
placeholder="지뢰"
|
|
value={mine}
|
|
onChange={onChangeMine}
|
|
/>
|
|
<button onClick={onClickBtn}>시작</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Form;
|