function App() {
// React에서는 for 사용불가능. class대신 className쓰듯
const [minutes, setMinutes] = React.useState(0);
// onchange함수를 통해 값이 변할때마다 이벤트가 발동
const onChange = (event) => {
setMinutes(event.target.value);
};
};
return (
<div>
<div>
<h1>Super Converter</h1>
<label htmlFor="minutes">Minutes</label>
<input
value={minutes}
id="minutes"
placeholder="Minutes"
type="number"
onChange={onChange}
/>
<h4>You want to convert {minutes}</h4>
<label htmlFor="hours">Hours</label>
<input
value={Math.round(minutes / 60)}
id="hours"
placeholder="Hours"
type="number"
/>
</div>
</div>
);
}
hours에 사용할 state를 굳이 새로 안만들어주고
minutes 변수를 통해 활용