[react] Converter 만들기 (state 사용)

[react] Converter 만들기 (state 사용)

Document function MinutesToHours() { const [amount, setAmount] = React.useState(0); const [flipped, setFlipped] = React.useState(false); const onChange = (event) => { setAmount(event.target.value); // 데이터를 업데이트 }; const reset = () => setAmount(0); const onFlip = () => { reset(); setFlipped((current) => !current); }; return (

); } function KmToMiles() { return

KM 2 M

; } function App() { const [index, setIndex] = React.useState("xx"); const onSelect = (event) => { setIndex(event.target.value); }; return ( ); } const root = document.getElementById("root"); ReactDOM.render(, root);

학기 중에 못했던 리액트를 다시 복습하기 위해서 노마드코더 리액트 강의를 들었다.

새로 2021 버전으로 업데이트 됐는데, 훨씬 이해가 잘되고 접근하기 쉬운 느낌이었다.

위의 코드는 단위를 변환하는 간단한 코드로, state를 연습해보기 좋았다.

from http://yeoncoding.tistory.com/215 by ccl(A) rewrite - 2021-12-30 23:27:35