React-이벤트

function App() {
  const [number,setNumber] = useState(0);
  const onChange = (e) => {
    setNumber(e.target.value)
    console.log(number)
  }
  return (
    <div>
      <label htmlFor="minute">Hours</label>
      <input
        value={number}
        type="number"
        id='minute'
        onChange={onChange} 
      />

      <label htmlFor="Hours">Hours</label>
      <input
        value={number/60}
        type="number"
        id='Hours'
        
      />
      

    </div>
  )
}

• React 에서 label에 붙는 for은 htmlFor 로 적어야 한다.
• input의 앞의 onChange는 이벤트이고 뒤의 onChange는 호출 할 함수 이름이다.