State Practice part One-시간변환하기

Wonju·2022년 1월 6일
0
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 변수를 통해 활용

profile
안녕하세여

0개의 댓글