useState3 Warning: A component is changing an uncontrolled input to be controlled. ~from undefined to a defined value Error Log React로 input을 구현하다가 value를 처리하면서 에러가 발생했다. useState()를 사용하면서 input에 입력된 value를 Modifier인 setMyMoney가 최종적으로 myMoney를 변경시켜주는데 초기값이 비워져 있기때문에 undefined이 들어가며 발생한 에러였다. 해결방법 useState()에 초기값을 ""로 세팅하여 해결했다. 2022. 3. 15. [React] useEffect로 HTML title 변경 - Hooks 목표 로딩되고 일정시간이 지나면 title 값을 바꾼다. useTitle에서 할 일 - title을 변경하기 위해 useState 사용한다. - title 변경해주는 updateTitle() 함수를 만든다. - useEffect를 사용해 updateTitle함수를 title이 변경될때마다 호출되게 한다. - 변경된 값을 return한다. // 본 코드는 Nomad Coders에서 공부한 내용이다. const useTitle = initialTitle => { const [title, setTitle] = useState(initialTitle); const updateTitle = () => { const htmlTitle = document.querySelector("title"); htmlTitle... 2019. 11. 13. [React] Form data validation a[데이터를 입력하면 웹 응용 프로그램에서 데이터가 올바른 형식인지 확인한다. 정보의 형식이 올바르면 응용프로그램은 데이터를 서버에 제출하고 데이터베이스에 저장하도록한다. 정보의 형식이 올바르지 않으면 수정해야 할 사항을 설명하는 오류 메시지가 표시된다. 유효성검사는 크게 세가지 이유로 쓰인다. - 올바른 형식으로 올바른 데이터를 얻고싶다. - 사용자의 계정을 보호하고자한다. - 자신을 보호하고자 한다. 다음은 validator의 type이 function인 경우만 input의 value를 업데이트해서 반환한다. const useInput = (initialValue, validator) => { const [value, setValue] = useState(initialValue); // value에 .. 2019. 11. 12. 이전 1 다음 LIST
