input1 [ReactJS] input, form HTML에서 정보를 받아오기 위해서는 form과 input태그를 사용해야 했다. React에서도 기본적인 개념은 이용하지만, 훨씬 간편한 방법으로 사용자가 제공한 정보를 가져올 수 있다. 다음 코드의 흐름을 살펴보자 애플리케이션이 시작됨과 동시의 initial render가 실행된다. 그리고 input박스를 통해 user에게 정보를 요구한다. user가 정보를 넣는 순간 ( == onChange) onChange함수가 실행되고, 이 함수는 바뀐 순간의 상황 (여기서는 임의로 event라고 정의)의 target.value즉, 사용자가 넣은 숫자를 minutes에 넣어 rerendering시킨다. 이에 따라 UI는 업데이트되고 h4태그 내에 있는 minutes는 사용자의 입력값이 변할 때마다 업데이트된다. 2023. 1. 7. 이전 1 다음
