리액트2 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] Container + Presenter 패턴 Container: data, state를 가지고 api를 불러온다. Presenter: state, api, class를 가지고 있지 않고 단지 함수형 컴포넌트이다. Container: data, Presenter: style 이라고 생각하면 쉽다. 참고 사항 ✅ 컨테이너를 export하려면 각 폴더 안에 index.js가 존재해야한다. ✅ Home폴더 안에 HomeContainer.js, HomePresenter.js, index.js 있다고 가정한다. index.js가 하는 일 - container 파일을 import - export container Container 패턴 import React from "react"; import HomePresenter from "./HomePresenter".. 2020. 9. 6. 이전 1 다음 LIST