ReactJS (2) 썸네일형 리스트형 KM to Miles, Minutes to Hours 변환기 만들기 Final practice (시/분 변환기와 KM/M 변환기 동시에 작동가능하도록 ) function MinutesToHours(){ const [amount, setAmount] = React.useState(0); const [flipped, setFlipped] = React.useState(false); const onChange = (event) => { setAmount(event.target.value); //modifier }; //모든 값을 0으로 돌려주 const reset = () => setAmount(0); //현재의 상태에서 반대의 것을 설정해주는 함수 //현재 true면 false, false면 true 반환 const onFlip = () => { reset(); setFli.. State practice reRender해주는 것이 매우 비효율적이기 때문에 React의 useState문법을 사용 function App(){ const [counter, setCounter] = React.useState(0); const onCLick = () => { setCounter(counter+1); }; return( Total Clicks: {counter} Click me ); } ReactDOM.render(, root); - Counter은 숫자 설정, 그리고 그 뒤 index1번은 함수를 위치시킨다. 함수는 set+index0번의 초기숫자 이름. 함수는 modifier의 기능을 함 - 그 뒤는 동일하게 이벤트 처리하면 우리가 원하는 대로 버튼을 클릭하면 클릭한 횟수만큼 update가 됨 기존의 JavaS.. 이전 1 다음