- 리액트에서는
- class -> className
- for -> htmlFor
- 단위 변환기(value를 인식하는 부분)
function App() {
const [minutes, setMinutes] = React.useState();
const onChange = (event) => {
setMinutes(event.target.value);
};
return (
<div>
<h1>Super Converter</h1>
<label for="minutes">Minutes</label>
<input value={minutes} onChange={onChange} id="minutes" placeholder="Minutes" type="number"/>
<h4>You want to convert {minutes}</h4>
<label for="hours">Hours</label>
<input id="hours" placeholder="Hours" type="number"/>
</div>
); //변수를 컴포넌트에 연결
}
'React' 카테고리의 다른 글
#3.7 State Practice part Two (1) | 2023.03.05 |
---|---|
#3.6 State Practice part One (3) | 2023.03.05 |
#3.4 State Functions (2) | 2023.03.04 |
#3.3 Recap (3) | 2023.03.04 |
#3.2 setState part Two (3) | 2023.02.28 |